angularJS依赖注入
2017-01-18 09:51
330 查看
<!DOCTYPE tml>
<html ng-app="sb.controller">
<head>
<link href="bootstrap.css" rel="stylesheet">
<script src="angular.js"></script>
<script src="sbCtrl.js"></script>
<script src="dayService.js"></script>
</head>
<body>
<div class="panel" ng-controller="sbCtrl">
<h1> {{day}} {{name}} </h1>
</div>
</body>
</html>
controller层module的名字要和service层名字一样，
<html ng-app="sb.controller">
<head>
<link href="bootstrap.css" rel="stylesheet">
<script src="angular.js"></script>
<script src="sbCtrl.js"></script>
<script src="dayService.js"></script>
</head>
<body>
<div class="panel" ng-controller="sbCtrl">
<h1> {{day}} {{name}} </h1>
</div>
</body>
</html>
var sb = angular.module("sb.controller", ['day.service']);
sb.controller("sbCtrl", ['$scope' , 'dayService' , function($scope , dayService) {
$scope.name = "liyang";
$scope.day = dayService.today ;
}]);var dayService = angular.module("day.service", []);
dayService.service("dayService", function() {
this.today = 500;
this.tomorrow = 6;
});
500 liyang
controller层module的名字要和service层名字一样，
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- angularjs 依赖注入原理与实现
- 理解AngularJS中的依赖注入
- AngularJS中的依赖注入
- AngularJS应用开发思维之3：依赖注入
- AngularJs:Service、Factory、Provider依赖注入使用与区别
- AngularJS 模块化与依赖注入
- 理解AngularJS中的依赖注入
- AngularJs 基础教程 —— 依赖注入
- AngularJs-MVC之路由、模块以及依赖注入
- AngularJS开发指南15：AngularJS的创建服务，将服务注入到控制器，管理服务依赖详解
- AngularJS中的依赖注入
- AngularJs路由、模块、依赖注入案例
- 【AngularJS】2.AngularJS依赖注入中代码压缩的问题
- 自学实现angularjs依赖注入
- AngularJs 动态加载模块和依赖注入
- AngularJS的路由、模块、依赖注入
- AngularJS应用开发思维之依赖注入3
- AngularJS的路由、模块、依赖注入
- AngularJS的依赖注入实例分析(使用module和injector)
- angularjs2 依赖注入