AngularJs中的指令-----directive

一、指令的作用：
　　用于封装DOM操作，扩展HTML标签及属性的能力-----为HTML添加新标签、新属性、新样式
二、自定义指令的三种用法（此处的cr是我自定义指令的名称）
　　(1)当做标签：<cr></cr>
　　(2)当做属性：<span cr></span> (但是严格的html5检查程序，会认为span没有cr属性会报错，此时只需要在cr前面加data-即可)
　　(3)当做样式：<span class="cr"></span>

推荐：当做属性来使用

三、自定义指令对应的js代码

var mm=angular.module('myModule',[]);

mm.directive('cr',function(){
    //cr:指令的名称
    //function:用于定义该指令的作用
    //注：指令是一个对象（即：每一个指令都是一个对象），所以需要返回一个对象
    return {
        //E:element  A:attribute  C:class (注：这三个字母可以任意组合使用)
        restrict : 'E',//用于指定该指令适合的用法
        template : '<div>Hello World !</div>' //该指令实际对应的html内容，若内容较多，则可使用templateUrl:'xxx.html'
    }
});