发表于: 2017-06-12 23:20:59

1 1120


今天完成:

继续学习属性指令

在html文件的html标签中敲入如下属性,这个标签用来盛放代码片段。当我们想使用特定代码片段,我们只要敲下这样的标签来包含该代码。

<div guitar-reviews> ... </div>

在JS文件中,用以下代码来使上述angularJS自定义指令生效。

app.directive('guitarReviews'function({
   return {     
  restrict    : 'A'// used A because of attribute     
  templateUrl : 'custom-directives/reviews.html' 
 }; });

reviews部分的代码放到单独的文件,再把该代码片段赋给一个元素,最后在details.html页面中使用.

总的来说,就是要创建一个单独的html盛放要展现的页面,然后在这个页面中添加控制器

这样就可以对于一段复用性高的代码创建一个单独的指令,在需要的地方直接插入指令就好了,

只是控制器里的代码很复杂,还需要研究,


明天计划:

本来打算今天看看复盘项目的流程,师兄说在项目里要用到好多的自定义指令,就先学习了一波,发现自己最近看什么都是马马虎虎的,没有一个知识点是能掌握并且使用的,项目还是要好好学习的~


遇到困难:

自定义指令是怎么和外部通信的呢,直接在控制器里注入服务就是可以使用的吗?


收获:

对自定义指令有了更深的了解


返回列表 返回列表
评论

    分享到