Директива DropDown с использованием угловых

Question

Директива DropDown с использованием угловых

0

У меня есть следующая директива для выпадающего меню (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");
   });  
  } 
}

Могу ли я создать такую директиву, но более "угловым способом"? Я думаю, у меня должна быть директива для ссылки, а другая для выпадающего списка, нет?

Miguel Moura 23 апр. 2016, в 18:25

Источник

0

Вы можете посмотреть в клик, показать / скрыть
user3791775 23 апр. 2016, в 16:46

Теги:

angularjs

1 ответ

Ещё вопросы

Вы можете посмотреть в клик, показать / скрыть

mdarmanin · Accepted Answer · 2016-04-23T17-53-00.000Z

Это будет более угловатый способ сделать это:

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