了解angularJs的标签和特性

了解angularJs的标签和特性

angularJs的四大特性

1.MVC模式
Model:数据,其实就是angularjs变量(¥scope.XX,$rpptScope.XX);
Controlle:操作数据,就是function,数据的增删改查;
2.双向绑定:
方向一:model–> view
 {{Model数据}} 或 Model变View跟着变;
方向二:view–>model
 <表单控件 ng-model=“Model数据名”> View变Model跟着变;
3、依赖注入:    
依赖注入(Dependency Injection,简称DI)是一种设计模式, 指某个对象依赖的其他对象无需手工创建,只需要“吼一嗓子”,则此对象在创建时,其依赖的对象由框架来自动创建并注入进来,其实就是最少知识法则;模块中所有的service和provider两类对象,都可以根据形参名称实现DI.
4、模块化设计:    
高内聚低耦合法则,    
1)官方提供的模块 ng、ngRoute、ngAnimate、ngTouch  
2)用户自定义的模块 angular.module(‘模块名’,[ ])

AngularJs标签

1、ng-app:告诉Angular他应该管理页面的那一部分,可以放在html元素上也可以放在div等标签上 例如:
2、ng-controller:控制器,通过在body标签上包含一个控制器,则可以管理body标签之间的任何东西,也可以放在div上,来控制这一个div上的任何东西例如:<bodyng-controller=“problemController”>
3、ng-repeat:数组中每个元素进行for循环
4、{{…}}:将变量的值插入到页面某部分和保持同步
5、ng-model=’…’:创建了输入字段和…的数据绑定,{{…}}建立的是单向的联系
6、currency:过滤器,讲我们做的这个美元形式格式化
7、ng-click:点击事件
8、ng-bind:与{{…}}等价
9、ng-model:能与checkbox、input、radio等标准的元素正常的工作,如checkbox:SomeController中的$scope有一个youCheckedit的属性,选中为true没选中则为false
10、ng-change:change事件
11、ng-submit自动的阻止浏览器发送默认的post动作
12、ng-src、ng-href与src、href等同
13、ng-option:在select用到,就是讲option里的对象动态的生成。
链接: link.

图片了解angularJs的标签和特性