一个完整的自定义指令所包含的内容

    angular.module(...);

      .directive('My-directive', function(injectables) {

        restrict: 'A',

     　　priority: 0,

     　　template: '',

     　　templateUrl: 'directive.html',

     　　replace: false,

     　　transclude: false,

     　　scope: false,

     　　compile: function(tElement, tAttrs, transclude) {

     　　　　return {

     　　　　　　 pre：function preLink(scope, iElement, iAttrs, controller) { ... },

     　　　　　　 post：function postLink(scope, iElement, iAttrs, controller) { ... }

    　　　　}

    　　},

     　　link: function(scope, iElement, iAttrs) { ... }

    });


                

restrict（字符串）

restrict 是一个可选的参数。它告诉AngularJS这个指令在DOM中可以何种形式被声明。默 认AngularJS认为 restrict 的值是 A ，即以属性的形式来进行声明。

restrict 值可以是以下几种:

E 作为元素名使用

A 作为属性使用

C 作为类名使用

M 作为注释使用

template （字符串或函数）

template 参数是可选的，必须被设置为以下两种形式之一：

 一段HTML文本；

 一个可以接受两个参数的函数，参数为 tElement 和 tAttrs ，并返回一个代表模板的字符 串。

templateUrl，引入外部的一个html文件

指令中的SCOPE

①、false（默认值）：子级继承父级的值，改变父级的值，子级的值也随着改变，反之亦然，这就是继承且不隔离

②、true：子级继承父级的值，改变父级的值，子级的值也随着改变，但是改变子级的值，父级的值并没有改变，这就是继承但是隔离

③、对象{ }：没有继承父级的值，所以子级的值为空，改变任何一方的值都不会影响另一方，这就是不继承且隔离。

当我们将scope的属性设置为{}时，我们可以做更多的事情。

AngularJS最强的大的地方之一就是它可以构建组件，无论放在哪里都是可 以使用的；之所以可以做到这些，不得不归功于指令的这个属性；当我们将scope 设置为{}时，意味着我们创建的一个新的与父作用域隔离的新的作用域，这使我们在不知道外部环境的情 况下，就可以正常工作，不依赖外部环境。

然而虽然说是“隔离”，但通常我们还是需要让这个子scope跟父scope中的变量进行绑定。绑定的策略有3种：@、=、&。

1.@：单向绑定，外部scope能够影响内部scope，但反过来不成立；

使用方法：在元素中使用属性，好比这样 my-name="{{name}}"，注意，属性的名字要用-将两个单词连接，因为是数据的单项绑定所以要通过使用{{}}来绑定数据。

2、=：这是一个双向数据绑定前缀标识符,外部scope和内部scope的model能够相互改变；

使用方法：在元素中使用属性，好比这样 my-age="age",注意，数据的双向绑定要通过=前缀标识符实现，所以不可以使用{{}}。

3、&：这是一个绑定函数方法的前缀标识符,把内部scope的函数的返回值和外部scope的任何属性绑定起来。

使用方法：在元素中使用属性，好比这样 my-change="changeAge()"。