发表于: 2017-04-21 23:16:48
1 1341
任务五
今天完成的事情
- 1学习angular的常用指令,比如ng-module,ng-click等。
- 2.学习angular的双向数据绑定。
- 3.学习并理解控制层。
明天计划的事情
- 1.继续学习angular。
遇到的问题
1 使用chrome的调试工具angular-batarang的时候,死活不能用,后来又装了一个angular-inspector,但是功能比较少。后来把这些东西都给卸载又重新装一遍后突然又好了,好神奇。
2.关于控制器的声明,有2种方法,使用
module.controller("hello-controll",function ($scope){});
对于这种方式,在对js代码进行压缩的时候会造成一个问题,代码压缩工具会把$scope
这个参数压缩成a
或者其他,但是angular中这些参数名都是固定的不能更改的,所以应该选择另一种方式定义controller。
module.controller=angular.module("hi-controller",["$scope",function ($scope) {}]);
3.每次加载页面的时候,是先加载html,在加载angular.js,这样会造成一个问题,对于有数据绑定的标签,比如对于<h5>{{helloworld}}</h5>,页面会先显示{{helloworld}},然后再显示成helloworld。解决方案有很多种,比如把angular-js放在head里面,或者使用
ng-clock。ng-clock指令是指在ng执行后自动移除,所以可以利用这一特性,在style里面加上
[ng-clock]{ display:none }。
收获
1.学会了angular的常用指令。
2.理解了控制层的作用以及功能。
3.理解了$scope这个对象的作用以及用法。
评论