Primeng 和 Angular 的动态下拉选项
[英]Dynamic dropdown options for primeng and angular
问题描述
大家好，我是 Angular 的新手，在从primeng 动态添加/删除下拉选项时需要帮助。
要求：我有一个城市列表。 如果我在第一个下拉列表中选择一个城市，那么当我添加新的下拉列表时应该隐藏这个特定的城市，依此类推，最后一个下拉列表只剩下一个选项。 当我删除下拉列表时，这也应该以相反的顺序工作，从删除的下拉列表中选择的值应该再次出现。
示例：如果我选择New York然后单击 Add City， New York应该从新生成的下拉列表中隐藏。 如果我删除New York那么New York应该再次出现其余的下拉选项。
Stackblitz： https ://stackblitz.com/edit/angular-nysrdr
非常感谢您的时间。
1 个解决方案
解决方案1
0 2020-04-01 20:20:48
按照此链接了解 PrimeNg DropDown 组件的工作原理。
我建议你，按照这一步
- 创建城市列表； 说
citiesList - 将此列表作为第一个下拉列表的
Options - 为您要创建的每个下拉列表创建一个新列表； 说
citiesListDD2并最初用所有cities填充它 - 为每个下拉菜单关联
onChange事件 - 在触发
onChange事件时调用的方法中，根据下拉列表中的selected value更新与每个 DropDown 关联的数组
请注意，这只是解决问题的高级解决方案
多选下拉控件 - Primeng - Angular 6 - 在页面加载时默认选择所有选项并将它们显示为选定标签
[英]Multiselect dropdown control - Primeng - Angular 6 - Select all options by default on page load and display them as selected label
在Angular.js中创建级联的md-select / md-options下拉列表（动态JSON）
[英]Create a cascading md-select / md-options dropdown in Angular.js (Dynamic JSON's)
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.