首页 > 代码库 > AngularJS入门4-小例子-控制器嵌套
AngularJS入门4-小例子-控制器嵌套
控制器嵌套效果：
原理：
子作用域访问父作用域属性，添加内容。
代码：
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:1518 };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-小例子-控制器嵌套
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。