Angular的MVC和作用域

本文主要Angular的MVC和作用域进行详细分析介绍,具有一定的参考价值,下面跟着小编一起来看下吧

首先看看Angular的控制器。

   angular 
  

{{name}}

  

{{name}}

在html元素上添加ng-app指令(初始化的指令,任何DOM元素都可以!),ng-app可以有属性值(ng-app="my-app")后续详解。

ng-controller就是模块下的控制器,$scope上的数据属于局部作用域,在视图上使用{{}}来渲染数据。

上面的例子简单了展示了一些数据,下面看看局部作用域全局作用域

 

{{name}}

{{age}}

{{name}}

{{age}}

$scope定义局部作用域,$rootScope定义全局作用域。

age得到10和10,如果将Aaa里面的$scope.age = 10;注释掉,可得到20和10。

局部属性,会优先查找,如果在模块同时存在该属性,会优先查找局部。

以上就是Angular的MVC和作用域的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读