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全局只能有一个,控制器可以多个