• 首页 Home
• 服务 Service
• 案例 Case
• 关于 About
• 新闻 News
• 联系 Contact

Tel：028-86922220 我有需求

 {{number}}
 
  {{number}}
  增加
 

 
  {{number}}
  
   {{number}}
   增加
  

②使用引用类型变量，内外层作用域均是data对象的引用，修改对象的属性，引用的还是同一个变量。

 
  {{data.number}}
  
   {{data.number}}
   增加
  
 
 
 function parentCtrl($scope){
  $scope.data.number = 123';
 }
 function childCtrl($scope){
  
 }

ng-if、ng-repeat、ng-switch、ng-include等指令也会产生新作用域

二、Directive中的作用域

.directive("myDirective", function () {
return {
 restrict: "AE",
 scope: {
  name: '@myName',
  age: '=',
  changeAge: '&changeMyAge'
 },
 replace: true,
 template: "" +
  "我的名字是：
" +
  "我的年龄是：
" +
  "在这里修改名字：
" +
  "修改年龄" +
  " "
}

①scope：false

当scope设置为false的时候,我们创建的指令和父作用域（其实是同一个作用域）共享同一个model模型，所以在指令中修改模型数据，它会反映到父作用域的模型中。

②scope：true

当scope设置为true的时候，我们就新创建了一个作用域，只不过这个作用域是继承的父作用域；可以这样理解，我们新创建的作用域是一个新的作用域，只不过在初始化的时候，用了父作用域的属性和方法去填充我们这个新的作用域。它和父作用域不是同一个作用域。

③scope：{}

@ 这是一个单项绑定的前缀标识符

属性的名字要用-将两个单词连接，因为是数据的单项绑定所以要通过使用{{}}来绑定数据。

= 这是一个双向数据绑定前缀标识符

数据的双向绑定要通过=前缀标识符实现，所以不可以使用{{}}。

& 这是一个绑定函数方法的前缀标识符

属性的名字要用-将多个个单词连接。

看完上述内容，你们对Angular中scope作用域如何使用有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。