Доброе время суток всем!
Имеется такой кусок html:
<ul id="menu" menu1>
<li ng-repeat="category in categories"><span></span><strong></strong><a href="{{category.href}}" class="menu_a_{{category.num}}">{{category.name}}</a>
<ul class="submenu_1 submenu_bg{{category.num}}">
<li ng-repeat="subcategory in category.children" class="submenu_line"><a href="{{subcategory.href}}">{{subcategory.name}}</a></li>
</ul>
</li>
</ul>
В идеале, мне нужно получить доступ целиком к этому куску.
То есть, что бы я мог сделать например так:
$("#menu").fadeIn();
или
$("#menu>li").fadeIn();
Каким образом это можно сделать?
Пытался использовать директиву, применительно к элементу
<ul id="menu" menu1>
Но так вложенные <li> недоступны.
Если применить директиву к элементам <li>, то недоступен родительский <ul>
Директиву вот так использую:
App.directive("menu1", function ($compile) {
function link (scope, element, attr) {
test (element);
}
return {
link: link(),
scope: true
}
});