发表于: 2017-03-26 23:52:35

1 1197


今天完成的事情:

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){},
                       }
},
   };
});





返回列表 返回列表
评论

    分享到