angularJS1笔记-(1)-多控制器

前端写好:

<div ng-app="myApp">
    <div ng-controller="firstController">
        <input type="text" value="" ng-model="name"/>
        <input type="text" value="" ng-model="age"/>
        {{name}}
        {{age}}
        <div ng-controller="secondController">
            <input type="text" value="" ng-model="name">
            <input type="text" value="" ng-model="age">
            {{age}}

        </div>
    </div>
</div>

  Js里写好:

var app = angular.module('myApp', []);

app.controller('firstController', function($scope) {
    $scope.name = "Volvo";
    $scope.age = 222;
});
app.controller('secondController',function ($scope) {
    $scope.name = "dyk";
})

  结果显示:

 

总结:

当调用本controller里定义的变量的时候可以显示你要的结果,如果本controller里没有定义的变量,比如secondController里的age属性,就会从上下文查找,从firstController里取。

 

转载于:https://www.cnblogs.com/yk123/p/6781990.html

发布了155 篇原创文章 · 获赞 57 · 访问量 17万+
展开阅读全文
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览