Ng-options过滤器等于输入的ng-model

ng-options filter equal to ng-model from input

本文关键字：输入 ng-model 过滤器 于输入 Ng-options      更新时间：2023-09-26

我正试图为我的ng-options添加条件过滤器。只有当来自选项数组的id等于来自不同选择输入的id时，才应该显示选项。

第一个ng-options:

<select ng-model="requestDepartment" ng-options="department.DepartmentID as department.DepartmentName for department in departments" class="form-control">
    <option value="">Select</option>
</select>

第二个带滤波的ng-options:

<select ng-model="requestCategory" ng-options="category.CategorytName for category in categories | filter:{category.ParentID : requestDepartment}" class="form-control">
    <option value="">Select</option>
</select>

第二个ng-options应该只显示与第一个ng-options的ng模型匹配的条目。

数据结构如下:

DepartmentID: 1
DepartmentName: "IT"
ParentID: 1
CategoryName: "Sharepoint"

因此，如果选择部门"IT"，我只想显示与parentID匹配的类别，在本例中是"Sharepoint"。

我试过filter:{category.ParentID : requestDepartment}，但运气不好。

有什么建议吗?

更新:

我添加了一个小提琴:http://jsfiddle.net/q53ro5sr/4/

应该可以了

<select ng-model="requestCategory" 
        ng-options="category.CategoryName for category in categories | filter: { ParentID: requestDepartment }" 
        class="form-control">
      <option value="">Select</option>
</select>

相关文章：