发表于: 2017-03-26 23:52:35
1 1196
今天完成的事情:
1、继续完善【学习资料-资料预览】的一些样式和功能;
2、学习利用原生javascript做出简单的动画;
3、学习angularJS的自定义指令。
明天计划的事情:
1、学习angular自定义指令,并尝试动手写自定义指令;
2.准备明天的修真院十二期demo;
遇到的问题:
暂无;
收获:
1、学习了ng-change的用法;
ng-change 指令用于告诉 AngularJS 在 HTML 元素值改变时需要执行的操作。
ng-change 指令需要搭配 ng-model
指令使用。
AngularJS ng-change 指令指令不会覆盖原生的 onchange 事件, 如果触发该事件,ng-change 表达式与原生的 onchange 事件都会执行。
ng-change 事件在值的每次改变时触发,它不需要等待一个完成的修改过程,或等待失去焦点的动作。
ng-change 事件只针对输入框值的真实修改,而不是通过 JavaScript 来修改。
2、学习了利用js原生中clienleft、offsetLeft、clientHeight等方面的知识;
3、学习了自定义指令方面的知识,收获如下:
app.directive('myDirective', function factory(injectables) {
return {
restrict: string,//指令的使用方式,包括标签,属性,类,注释
priority: number,//指令执行的优先级
template: string,//指令使用的模板,用HTML字符串的形式表示
emplateUrl: string,//从指定的url地址加载模板
replace: bool,//是否用模板替换当前元素,若为false,则append在当前元素上
transclude: bool,//是否将当前元素的内容转移到模板中
scope: bool or object,//指定指令的作用域
controller: function controllerConstructor($scope, $element, $attrs, $transclude){
.
},//定义与其他指令进行交互的接口函数
require: string,//指定需要依赖的其他指令
link: function postLink(scope, iElement, iAttrs) {},//以编程的方式操作DOM,包括添加监听器等
compile: function compile(tElement, tAttrs, transclude){
return {
pre: function preLink(scope, iElement, iAttrs, controller){},
post: function postLink(scope, iElement, iAttrs, controller){},
}
},
};
});
评论