angular基础2

来源:互联网 发布:淘宝上40多的牛仔裤 编辑:程序博客网 时间:2024/05/16 08:32

1.ng-app属性声明所有被其包含的内容都属于这个angularjs应用


2.数据模型对象是指$scope对象,$scope对象是一个简单的JavaScript对象,其中的属性可以被视图访问,也可以同控制器进行交互


3.在angularjs中,模块是定义应用的最主要方式

模块的好处:

保持全局名空间的清洁;

编写测试代码更容易,并能保持其清洁;

易于在不同应用间复用代码;

使应用能够以任意顺序加载代码的各个部分

angularjs允许我们使用angular.module()方法来声明模块,这个方法接受两个参数,第一个是模块的名称,第二个是依赖列表

angular.module('myApp',[]);
调用这个方法时如果只传递一个参数,就可以用来引用模块

angular.module('myApp')

4.angularjs启动并生成视图时,会将根ng-app元素同$rootScope进行绑定。$rootScope是所有$scope对象的最上层

作用域基本功能:

提供观察者监视数据模型的变化;

可以将数据模型的变化通知给整个应用;

可以进行嵌套,隔离业务功能和数据;

给表达式提供运算时所需的执行环境


作用域包含了渲染视图时所需的功能和数据,它是所有视图的唯一源头。可以将作用域理解成视图模型


5.ng-controller指令可以将一个控制器对象附加到dom元素上‘

<div ng-app="myApp">   <div ng-controller="MyController">      <h1>Hello {{name}} </h1>   </div></div>
我们可以创建一个控制器来管理与其相关的变量,而不用将name变量直接放在$rootScope上

angular.module("myApp", []).controller('MyController',function($scope) {   $scope.name = "world";});

ng-controller指令为这个dom元素创建了一个新的$scope对象,并将它嵌套在$rootScope中


0 0
原创粉丝点击