AngularJS 自定义指令directive 介绍

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

指令的作用是把我们自定义的语义化标签替换成浏览器能够认识的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 : '<div ng-transclude></div>',
 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

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

如果还是不太能理解可以看这个链接，这里比较详细，也写的不错http://blog.csdn.net/kongjiea/article/details/49840035