ng-options过滤器等于输入

时间:2015-10-22 06:34:14

标签: javascript angularjs ng-options

我正在尝试向我的ng-options添加条件过滤器。仅当options数组中的id等于来自不同select输入的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-model匹配的条目。

数据的结构如下:

DepartmentID: 1
DepartmentName: "IT"

ParentID: 1
CategoryName: "Sharepoint"

因此,如果选择部门“IT”,我只想显示与parentID匹配的类别,在本例中为“Sharepoint”。

我没有运气试过filter:{category.ParentID : requestDepartment}

有什么建议吗?

更新

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

1 个答案:

答案 0 :(得分:4)

这应该有效

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

这是Fiddle

相关问题