首页 / JAVASCRIPT / javascript – ng-options过滤器等于来自输入的ng-model

javascript – ng-options过滤器等于来自输入的ng-model

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – ng-options过滤器等于来自输入的ng-model，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1164字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试将条件过滤器添加到我的ng-options中.仅当options数组中的id等于来自不同select输入的id时,才会显示这些选项.

第一个ng选项：

<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”.

我试过过滤器：{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>

这是一个Fiddle

内容总结

以上是互联网集市为您收集整理的javascript – ng-options过滤器等于来自输入的ng-model全部内容，希望文章能够帮你解决javascript – ng-options过滤器等于来自输入的ng-model所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/794856.html

来源：【匿名】