AngularJS 依赖注入

最新推荐文章于 2016-10-09 09:37:00 发布

watersevenmmfx

最新推荐文章于 2016-10-09 09:37:00 发布

阅读量438

点赞数

分类专栏： angular.js

本文链接：https://blog.csdn.net/watersevenmmfx/article/details/50341955

版权

angular.js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.依赖注入，个人理解可以叫大模块包含小模块

2.下列代码可以去http://www.runoob.com/try/try.php?filename=try_ng_intro在线测试

<pre name="code" class="csharp">

<!DOCTYPE html>
<html>
<body>


<div ng-app="myapp" ng-controller="myCtrl">


<p>在输入框中尝试输入:</p>
<p>姓名: <input type="text" ng-model="name"></p>
<p ng-bind="name"></p>
<p>{{stdname}}</p>
<p>{{stdage}}</p>
<p>{{tchname}}</p>
<p>{{tchcourse}}</p>


</div>


<script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>

<script>
angular.module("myapp", ['Service'])
.controller("myCtrl",  function($scope, Student, Teacher) {
var std = Student.getStudent();
$scope.stdname = std.name;
$scope.stdage = std.age;
$scope.tchname = Teacher.getTeacher().name;
$scope.tchcourse = Teacher.getTeacher().course;
})

angular.module('Service', [])
.factory('Student', function(){
var std = {
name:"cui",
age:20
};
return {
getStudent:function(){
return std;
}
};
})
.factory('Teacher', function(){
var tch = {
name:'wang',
course:"物理"
};
return {
getTeacher:function(){
return tch;
}
};
})
</script>
</body>
</html>