---------------------------------------------------------------------------

指令的作用是把我们自定义的语义化标签替换成浏览器能够认识的HTML标签。

指令

link: function (scope, element, attrs, accordionController) {

（1）$scope，与指令元素相关联的作用域

（2）$element，当前元素 ,例如<p> 元素//从元素列表中获取元素，并绑定相应的事件

（3）$attrs，由当前元素的属性对象

（4）$transclude，嵌入链接函数，实际被执行用来克隆元素和操作DOM的函数

举例如下，你可以进行对照理解：

1 var expModule=angular.module('expanderModule',[]) 2 expModule.directive('accordion', function() { 3     return { 4         restrict : 'EA', 5         replace : true, 6         transclude : true, 7         template : '
     
', 8         controller : function() { 9             var expanders = [];10             this.gotOpened = function(selectedExpander) {11                 angular.forEach(expanders, function(expander) {12                     if (selectedExpander != expander) {13                         expander.showMe = false;14                     }15                 });16             }17             this.addExpander = function(expander) {18                 expanders.push(expander);19             }20         }21     }22 });23

--------------------------------------------------------------------------------------------------------------

如果还是不太能理解可以看这个链接，这里比较详细，也写的不错