ng-options 过滤器等于来自输入的 ng-model
ng-options filter equal to ng-model from input
我正在尝试向我的 ng-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" 被 select 编辑,我只想显示与 parentID
匹配的类别,在本例中为 "Sharepoint".
我试过filter:{category.ParentID : requestDepartment}
,但运气不好。
有什么建议吗?
更新:
我添加了一个fiddle: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>
这是一个Fiddle
我正在尝试向我的 ng-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" 被 select 编辑,我只想显示与 parentID
匹配的类别,在本例中为 "Sharepoint".
我试过filter:{category.ParentID : requestDepartment}
,但运气不好。
有什么建议吗?
更新:
我添加了一个fiddle: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>
这是一个Fiddle