angular.js

angular  google

框架 大 约束程序员    程序员听框架的话 遵循框架的规定

库  小 受程序员控制  库是听程序员的  灵活

mvc框架  mvvm的框架

m model        模型      数据

v view          视图      表现层 前台展示的

c controller    控制器    逻辑层 控制数据的流向

---------------------------------------------------------------------------------------------------------

ng-model 用在可以产生数据的表单元素中

ng-bind  绑定数据

ng-app  简单理解 angular的作用范围

ng-bind  不是特别好用，覆盖元素内容的所有东西

表达式 {{放想放的数据}}

1、什么都可以放，放哪里都行

2、可以做简单的js操作

模板    数据的替换

前端模板 actTemplate

原理正则的repalce

ng-init  初始化数据 把数据放进某些元素中

ng-repeat="v in arr"

注：数组里面不能有重复的数据

$index 下标

ng-repeat="(i,v) in arr"

angular特点把数据和UI（页面的元素）绑定到一起

在循环的时候，angular把数据根据ID进行一一对应的渲染，id默认取数组中的值，当值重复的时候，就判定id冲突

解决办法 track by $index  一般不用有问题加上

事件：

ng-click

ng-mouseover

......

angular:html里面只能写一些简单js语句（加减乘除赋值）

指令：ng-xxx

扩充了html的功能

---------------------------------------------------------------------------------------------------------------

c 控制器

ng-app

1、整个页面中只能出现一次

2、引用angular模块

1、创建angular的模块

a、如何创建模块

angular.module('模块名',[依赖的模块],配置函数)

b、如何使用模块

ng-app="模块名"

2、在模块身上创建控制器

a、如何创建控制器

angular模块.controller('控制器的名称',fnCB);

b、如何使用控制器

ng-controller="控制器的名称"

注：angular大多数的代码都在控制器里面写

3、控制器的领域（范围）$scope

以后所有的数据和函数都挂在$scope身上

注：ng-app全局只能有一个，控制器可以多个