当前位置: 首页 > 知识库问答 >
问题:

Primen和angular的动态下拉选项

滕弘新
2023-03-14

你好,伙计们,我是一个相当新的角度,我需要帮助,而添加/删除下拉选项动态从Primeng。

要求:我有一个城市列表。如果我在第一个下拉菜单中选择了一个城市,那么当我添加新的下拉菜单时,这个特定的城市应该被隐藏,依此类推,这样最后一个下拉菜单就只剩下一个选项了。这也应该以相反的顺序工作,当我移除下拉列表时,从移除的下拉列表中选择的值应该会再次出现。

示例:如果选择New York,然后单击Add City,New York应该从新生成的下拉列表中隐藏。如果删除New York,则New York将再次显示其余下拉选项。

StackBlitz:https://stackblitz.com/edit/Angular-nysrdr

非常感谢你抽出时间。

共有1个答案

时才俊
2023-03-14

按照此链接了解PrimenDropdown组件的工作原理。

我建议你,按照这一步

  1. 创建城市列表;说CitiesList
  2. 将此列表作为第一个下拉列表的选项传递
  3. 为要创建的每个下拉列表创建一个新列表;说CitiesListDD2并在初始时填充所有CitiesListDD2
  4. 为每个下拉列表关联onchange事件
  5. 在触发onchange事件时调用的方法中,根据下拉列表中的选定值更新与每个下拉列表关联的数组

请注意,这只是解决问题的高级解决方案

 类似资料:
  • 我想有一个下拉列表,当我改变第一个下拉列表时会改变。我确信我的servlet是正确的,因为它返回我需要的值,但是我的servlet不运行。当我调试时,它不会碰到servlet中的断点。 我想这与我的JavaScript有关。 以下是JSP文件: 这是javascript文件 servlet是可以的,我确信这一点,所以没有必要把它放在这里。

  • 本文向大家介绍jQGrid动态填充select下拉框的选项值(动态填充),包括了jQGrid动态填充select下拉框的选项值(动态填充)的使用技巧和注意事项,需要的朋友参考一下 本文给大家分享一段代码关于技巧jqgrid动态填充select 下拉框的选项值,非常不多说了,直接给大家贴代码了,具体代码如下所示: 注意:要return以及async:false否则没有效果 在colModel:中设置

  • 实现带动画效果的下拉菜单。用户按下菜单按钮,出现下拉按钮,用户松开菜单按钮,下拉按钮收回。 [Code4App.com]

  • 问题内容: 我想设计一个复选框下拉列表,并使复选框为多选。我使用了下面的代码,但是由于每次单击复选框时模板都会刷新,因此无法进行多项选择,请提出一些建议吗? 问题答案: 您可以使用诸如 angularjs-dropdown-multiselect之类的 指令,您可以在互联网上很容易找到它 以下是一些示例: angularjs-下拉菜单,多选 - 小提琴 multiselectDropdown -

  • 问题内容: 我是堆栈溢出的新手。我需要创建一个静态下拉列表,然后根据在静态下拉列表中选择的值创建一个动态下拉列表。只是Coldfusion和html。没有其他花哨的东西。因此,从第一个下拉菜单中,用户将选择:颜色,ID,官员,学校,然后点击“继续”按钮 然后在同一页面或不同页面上,如果选择了颜色,它将在数据库中进行查询并给出不同颜色的结果,如果选择了id,则将提供查询中的ID编号列表。如果选择了这

  • 有人能推荐一个指南/教程来使用最佳实践在Rails中实现动态选择菜单/级联下拉菜单吗?或者可能是最近关于同一主题的问题。可能我找错了词。 我看了一下railscast:#88动态选择菜单(修订版),但不认为使用csv文件存储选项是最好的方法。 我发现的关于下拉列表的所有其他内容似乎都不完整或过时。