AngularJS 自定义指令directive 介绍

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

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

指令

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

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

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

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

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

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

var expModule=angular.module('expanderModule',[])
expModule.directive('accordion', function() {
    return {
        restrict : 'EA',
        replace : true,
        transclude : true,
        template : '<div ng-transclude></div>',
        controller : function() {
            var expanders = [];
            this.gotOpened = function(selectedExpander) {
                angular.forEach(expanders, function(expander) {
                    if (selectedExpander != expander) {
                        expander.showMe = false;
                    }
                });
            }
            this.addExpander = function(expander) {
                expanders.push(expander);
            }
        }
    }
});
 

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

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