码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS入门4-小例子-控制器嵌套

时间:2014-10-29 18:29:26      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   color   ar   java   sp   div   

控制器嵌套效果:

bubuko.com,布布扣

bubuko.com,布布扣

原理:

子作用域访问父作用域属性,添加内容。

代码:

 1 <!DOCTYPE HTML>
 2 <html ng-app="app">
 3 <head><script src="./angular.min.js"></script></head>
 4 <body>
 5 <h1>控制器嵌套</h1>
 6 <div ng-controller="ParentController" style="border:1px solid black">
 7 <span>{{person}}</span>
 8 <div ng-controller="ChildController" style="border:1px solid red">
 9 <a ng-click="addName()">I add a name</a>
10 </div>
11 </div>
12 </div>
13 <script type="text/javascript">
14 var app= angular.module("app",[]);
15 app.controller(ParentController, function ($scope) {
16     $scope.person = {
17        age:15
18     };
19 });
20 app.controller(ChildController,function ($scope){
21     $scope.ladygaga="ladygaga";
22     $scope.addName = function(){
23         $scope.person.name=$scope.ladygaga;
24     }    
25 });
26 </script> 
27 </body>
28 </html>

 

AngularJS入门4-小例子-控制器嵌套

标签:style   blog   http   io   color   ar   java   sp   div   

原文地址:http://www.cnblogs.com/luckyflower/p/4059966.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!