发表于: 2017-03-04 19:02:28
1 1186
今天完成的事:上午看了下菜鸟教程,下午处理了点学校的事后,开始看智能社的angular视频,觉得讲的还蛮清楚的,特此感谢翟金超师兄!
明天计划的事:快速看完视频,开始做任务。
困难:开始看菜鸟都说太简单了,要用的时候还是不太会,于是结合着看看,还是要看做任务会不会做了。
收获:
主要是今天学知识点自己做的笔记:
MVx:把数据和表现分离.
Angular的目的是减轻程序员的负担(降低重复性劳动)。扩展了HTML的功能:颠覆性、可扩展。
MVC(Mode View Controller):模型(数据)、视图(表现层,如HTML等)、控制器(业务逻辑,即对整个程序进行控制)。
ng-model:告诉数据从哪来(把这个数据作为来源),双向绑定;
ng-bind:告诉数据到哪去(把数据绑定到这个元素身上,在这里显示数据),即输出;
ng-app:为了其他的库配合共存,用这个表示angular掌管的一个范围(哪个该angular管哪个不该angular管)。
angular里所有的都是ng-开头。
双向绑定:最简单的比如ng-model,两个ng-model绑定同一个数据的时候,改这个另外一个也会改变,是既能输入也能输出的(可进可出)。
依赖注入:像函数(他的参数是由调用的人决定的,自己决定不了)。而依赖注入的时候参数是由定义方决定的。
ng-bind功能有点受限,他会把这个元素内所有的元素都换掉,不保留,且有些复杂的东西不能输出。
于是有了模板这个东西:例如[ 结果是{{a}}*{{b}}={{a*b}} ],只要不出现在模板里面都跟你保留,它只跟你动模板里面的,比ng-bind更灵活。
记住两句话:
1.angular和普通的JavaScript普通情况下不互通,不光是函数不互通,变量也不互通。
1.1函数不互通。
1.2变量不互通。即在普通js里定义的变量,angular是获取不到的,js里parseInt()之类的函数也不能用,且angular的东西也出不去。
1.3事件不互通。angular事件:js里onclick用不了要换成ng-click,alert等等js事件在angular里都用不了。
2.angular的开发模式和传统的开发模式完全不同(你只需要盯住数据,在angular里数据是核心)。
angular接管了UI,只要数据,其他的都干掉,他自己会根据数据调整UI。
angular里唯一的重点就是数据(出了事找数据)!
评论