AngularJS过滤器菜单列表与孩子

【问题标题】：AngularJS filter menu list with childAngularJS过滤器菜单列表与孩子
【发布时间】：2021-01-02 13:12:58
【问题描述】：

是否可以使用 angularjs 默认过滤器来过滤掉带有子项的侧边菜单

比如说 [过滤输入]

丰田

- 花冠
- 凯美瑞
- 阿瓦隆
- 示例

梅赛德斯

- c300
- E300
- CLS
- MX ...

我希望能够过滤菜单和子菜单，无论位置如何，都显示与过滤器匹配的任何内容挑战我正在为每个菜单/子菜单的模板调用 ng-include（链接）

【问题讨论】：

标签： angularjs filter menu

【解决方案1】：

是的，你可以。您需要使用 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>

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

【讨论】：