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'
  };
});

DropDown指令使用angular

1 个答案: