Angular 根据选定的下拉值设置输入值

使用

[（ngModel）]

，我想根据所选下拉列表设置输入值

我已经成功地将所选下拉列表绑定到输入字段，但如果所选下拉列表值是数组，则无法绑定它。我需要将多个数组属性绑定到多个输入字段

这是我创建的一个应用程序，也是我迄今为止尝试过的

类型脚本文件：

savedCards=[]；
所选卡片=“”；
选择下拉卡（卡片）{
this.savedCards.find（（项）=>item.id==card.id）
？this.savedCards=this.savedCards.filter（（项目）=>item.id==card.id）
：this.savedCards=[card]；
这个.model（）；
}
分配模型（）{
this.selectedCard=''；
this.savedCards.map（（项）=>this.selectedCard+=item.viewValue+''）；
this.savedCards.forEach（（项）=>{
控制台日志（项目）；
});
console.log（此.selectedCard）；
}

HTML文件：

下拉列表

{{card.viewValue}}

{{card.viewValue}}

---

关于如何解决这个问题，我可以提供一些指导和建议。

下面是我在评论中描述的解决方案的分叉堆栈闪电战。我认为你应该重构你的代码，因为我不知道它在做什么。

不清楚，当你在下拉列表中选择几个选项时，数据和输入会发生什么？它应该在输入字段映射数据，就像我想在viewValue输入字段绑定viewValue，在id输入字段绑定id，name at name input field和value at value input field但您的意思是选择一个下拉选项并将其属性分配给输入项，这是可能的？如果我理解正确，您应该添加

this.selectedCard=card

到

选择DropDownCard（）

方法，并将正确的对象属性添加到输入中。例如，对于

id

它将是

[（ngModel）]=“selectedCard.id”

等。是的，你是对的，我不需要assignToNgModel（），我的错误，谢谢，这应该是可以接受的答案