下拉指令角

Question

我有一個下拉菜單（http://jsfiddle.net/77f4m6n5/2/）以下指令：

<a href="#" dropdown>Open 
    <ul> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    </ul> 
</a> 

而且該指令如下：

app.directive("dropdown", dropdown); 

function dropdown() { 

    var dropdown = { 
    link: link, 
    replace: false, 
    restrict: "A" 
    }; 

    return dropdown; 

    function link(scope, element, attributes) { 
    element.bind("click", function(event) {             
     element.children().toggleClass("active"); 
    }); 
    } 
} 

我能創造這樣的指令，但更以「有角度的方式」？我想我應該有一個鏈接指令和另一個下拉列表，不是嗎？

Answer 1

這將是這樣做的多棱角方式：

.directive('dropdown', function() { 
    return { 
    link: function(scope, element, attrs) { 
     element.bind("click", function(event) {             
     element.children().toggleClass("active"); 
    }, 
    replace: false, 
    restrict: 'A' 
    }; 
});