1.前端中所说的模板就是把JS中的数据动态地渲染到html中。
2.MVC M表示的是数据 V表示的是视图 C表示的是控制器。
主要的是M和V怎样联系到一起。他们联系到一起就是通过控制器来联系到一起的。至于 他们怎么联系到一起的,这个就是底层的实现的,我们不要关心。控制器就是用来连接视图和数据的桥梁。
3.MVVM双向数据绑定,数据改变了会让视图改变,视图改变了也会让数据改变。ng-model = "name" 表示的是绑定的是name 。name的值改变 V上面显示的也会改变。V上面的改变name也会改变。
![](https://img.haomeiwen.com/i9136378/640fac6d1579c3c5.png)
![](https://img.haomeiwen.com/i9136378/4f4b0911541c5567.png)
![](https://img.haomeiwen.com/i9136378/3e07f01b7c3c8b34.png)
![](https://img.haomeiwen.com/i9136378/940d11318f3f3497.png)
![](https://img.haomeiwen.com/i9136378/781533e42a965473.png)
![](https://img.haomeiwen.com/i9136378/353b96ab32bde431.png)
4.Angular.js里面的模块系统,一个模块里面可以写多个控制器 。angular.module()表示的就是一个模块,然后 一个模块里面有多个控制器。
![](https://img.haomeiwen.com/i9136378/8955affc24641b1f.png)
![](https://img.haomeiwen.com/i9136378/2f84d99106f699c5.png)
![](https://img.haomeiwen.com/i9136378/5f4700797a732f86.png)
![](https://img.haomeiwen.com/i9136378/3f101c2397a82592.png)
5.Angualr中的工具函数,function(xxx,function(){})
function(){} 会自动执行的。这个不是函数嵌套函数。
![](https://img.haomeiwen.com/i9136378/36d0271ab46ce63a.png)
![](https://img.haomeiwen.com/i9136378/79f672120543cb7e.png)
![](https://img.haomeiwen.com/i9136378/bee859e84b2e0f52.png)
6.Angualr.js中的过滤器
![](https://img.haomeiwen.com/i9136378/1fa884dbb395ab74.png)
7.Angular.module()是一个模块。里面有很多函数和方法。
8.ng-repeat是用来遍历数组或者集合的。通过in 来遍历每一项。
9.ng的事件操作。
![](https://img.haomeiwen.com/i9136378/eb26ff7c57e4a342.png)
![](https://img.haomeiwen.com/i9136378/14a16a3cb12bfb6a.png)
![](https://img.haomeiwen.com/i9136378/007255ad855304b6.png)
![](https://img.haomeiwen.com/i9136378/51699cdd296f2a45.png)
10.ng中引入模块。
[图片上传中...(image.png-a9d0cc-1561111104698-0)]
网友评论