您的位置：首页 > Web前端 > AngularJS

AngularJS 依赖注入

2015-12-17 15:05 567 查看
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>



                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航