AngularJS过滤器菜单列表及其子菜单

AngularJS过滤器菜单列表及其子菜单,angularjs,filter,menu,Angularjs,Filter,Menu,是否可以使用angularjs默认过滤器过滤出带有子菜单的侧菜单 比如说 [过滤器输入] 丰田 花冠 凯美瑞 阿瓦隆 样品 梅塞德斯 c300 E300 CLS MX 我想能够过滤菜单和子菜单,显示任何不匹配的过滤器,无论位置 挑战 我打电话给ng include,询问每个菜单/子菜单(链接)的模板。是的,您可以。您需要使用javascript数组管理菜单项 <input type="t

是否可以使用angularjs默认过滤器过滤出带有子菜单的侧菜单

比如说 [过滤器输入]

  • 丰田
    • 花冠
    • 凯美瑞
    • 阿瓦隆
    • 样品

  • 梅塞德斯
    • c300
    • E300
    • CLS
    • MX
我想能够过滤菜单和子菜单,显示任何不匹配的过滤器,无论位置 挑战
我打电话给ng include,询问每个菜单/子菜单(链接)的模板。

是的,您可以。您需要使用javascript数组管理菜单项

     <input type="text" class="form-control" placeholder="Search..." ng-model="filterStr">
    
     <ul class="nav-sub">
        <li class="nav-item" ng-repeat="item in ['Corolla', 'Camry'] 
                | filter: filterStr"><a href="#" class="nav-link">
                {{item}}</a>
        </li>
     </ul>  

您可能希望将菜单项放在控制器中,并使用hrefs定义更具表现力的对象