发表于: 2017-03-01 01:33:18

1 1348


今天完成的事情:

     1.完成了在任务10里面的传参,然后实现删除和编辑页面

     2.学习了自定义指令,restrict,template,replace,templateurl,compile,link这些属性

    transclude、priority、terminal属性

明天计划的事情:

     1.自定义指令 controller、controllAs属性

     2.自定义指令 require 属性

     3.自定义指令 scope 属性

     4.练习 自定义accordion指令

     5.懒加载还没用过要学习一下

遇到的问题和解决:  

     1. 同一个元素里面有N个指令,里面的的template不能有2个,不然会报错,解决方法就是删掉一个=。=

     2.这个之前没有写scope.$apply(function)的时候没有脏检查,然后就出不来,用了NG的就可以有脏检查的效果

     3.  compile这个感觉不是很理解 百度是这样的,就是加一个服务吗,

$compile的功能是,将一个html字符串或者一个DOM进行编译,最后返回一个链接函数,这个链接函数可以用于将作用域(Scope)和模版"链接"到一起.编译的过程,其实质是遍历DOM树,匹配和处理DOM上的各种指令的过程.

收获:

    1.angular js  自定义指令div里面有 两个template,优先之前前面的,后面的会报错 priority:-1 这个可以改变优先值

      terminal:true,为真的时候小于0的directive都不会执行

     2.restrict:E表示该指令是一个element;A表示该指令是attribute,C表示该指令是class,M表示该指令是注释

     3.template:就是我们指令使用的模版,它的值就是我们准备生成的东西,

     4.replace,就是替换的意思,当为true的时候就是替换元素的内容,为false就是将模版的内容插入到元素中,

     5.template,嵌入可以将之前的替换内容嵌入到模版的摸个地方,

     6.templateurl,就是页面的引入模版

     7.transclude:就是嵌入的意思,先保留子元素,然后可以把子元素嵌入到模块里面

     8.priority:就是可以加先后顺序的权值,

     9terminal:为true的时候同一元素上的其他指令高于本指令的将停止执行,0一下的将不执行

     10.这3个指令是一样的,没有什么区别

     11.pre是编译阶段后到子元素之前运行

     12.post是所有子元素都连接之后运行

     还不是特别理解把,还是多用用明天继续学这个



返回列表 返回列表
评论

    分享到