指令:自定义HTML元素和属性

基于我们对HTML元素的理解,指令本质上就是AngularJS扩展具有自定义功能的HTML元素的途径。例如,我们可以创建一个自定义元素,它实现了<video>标签的功能并且能在所有浏览器中工作:

     <my-better-video my-href="/goofy-video.mp4">
     Caneventaketext</my-better-video>

注意,这个自定义元素使用了特殊的开始和闭合标签my-better-video,以及my-href这个自定义属性。

为了让这个标签更有用,可以将浏览器默认的video标签重载,用下面这种写法代替它:

     <video my-href="/goofy-video.mp">
         Can still take children nodes

</video>

正如我们看到的那样,指令可以和其他指令或属性组合在一起使用,这种组合使用的方式叫 

做合成。

8.1 指令:自定义 HTML 元素和属性 45
1

为了有效了解如何将一个个小组件组合成一个复杂的系统,首先要了解更基础的内容。接下来几节的目标就是帮助你了解这些基础内容,我们开始吧