微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

AngularJS Controller作用域

$scope代表视图与数据模型的中间桥梁:scope域中的对象都model和view都可以共享,并且数据是双向同步controller的作用域:主要负责controller标签包裹的元素的数据处理,如果子元素嵌套Controller,则相应的子元素的作用Controller以距离子元素最近的为准(这种最近作用的原则在Jmeter测试框架,avalon的ms-controller同样体现)

HTML正文:

rush:xhtml;"> <div ng-controller="myCtrl01">

myCtrl01的作用域

名: irstName">
姓:
姓名: {{firstName + " " + lastName}}

myCtrl02的作用域

irstName">
姓:
姓名: {{firstName + " " + lastName}}

Javascript操作代码

rush:js;"> //定义应用的控制器,负责具体数据处理: //定义angular应用的名称:myApp:一个html中只有一个应用,如果存在多个以第一个为准 var app = angular.module('myApp',[]); app.controller('myCtrl01',function($scope) {

/* 后台向scope域中存放对象:页面存放的标签

  • ng-init 初始化变量
  • ng-model:初始化变量并进行数绑定
    */
    $scope.firstName= "John";
    $scope.lastName= "Doe";
    });

app.controller('myCtrl02',function($scope) {
$scope.firstName= "Hello";
$scope.lastName= "Python";
});

效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐