动态添加依赖垫下拉列表

编程问答 2022-06-12

问题描述

在一种情况下，我有两个呈角度电抗形式的下拉菜单，并且两个下拉菜单都是相关的，因此当我基于第一个下拉列表选择第二个下拉列表时。在表格的下方，我具有按钮名称add和remove，因此，当我们单击添加时，将整个div克隆，而另一个div具有相同的情况，这种情况继续发生，在单击remove时，它可以删除克隆的div，现在我可以成功从每个下拉列表中克隆/删除/获取值 现在的问题是，当我将相同下拉列表的值更改为其他值时，然后在我的结果数组中，它给出的结果既是我的第一个选择，也是当前的选择，下面是我的代码

 onValueChange(event: any) {
    this.customFieldChoiceProp.push(event.value);
    const target = event.source.selected._element.nativeElement;
    const selectedData = {
      value: event.value,text: target.innerText.trim(),};
    **this.customFieldValueChoiceOption.push(selectedData.text);**
    this.customFieldArray.forEach((items: any) => {
      items.isSelected = true;
    });
    this.getFormValues();
  }

我添加**的那一行是我将每个选择推入一个数组的那一行。现在我这样做是因为我有一个下拉列表，该下拉列表是在单击添加按钮时动态创建的，因此对于每个新下拉列表，我都会在此处推送该值，但问题是，如果我从同一下拉列表中更改该值，例如将其从5倍下推到同样的数组下拉列表，我知道我的逻辑是错误的，但是有人可以帮助我实现这一目标

将非常有帮助 下面是我的情况的图片

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularangular-decoratorangular-materialtypescripttypescripttypescript