如何使相同的ng模型接受不同的值输入

Question

假设我有一个这样的输入文本框

<ion-input [(ngModel)]="Gender" type="text" placeholder="Gender Type"></ion-input>
<ion-input [(ngModel)]="hairCat" type="text" placeholder="Hair Type"></ion-input>

还有另一个相同类型的文本框

<ion-input [(ngModel)]="Gender" type="text" placeholder="Gender Type"></ion-input>
<ion-input [(ngModel)]="hairCat" type="text" placeholder="Hair Type"></ion-input>

我想要的是输入一次接受不同的值。

例如

[Boy Girl][black brown] 

为进一步说明，假设我预定义了这样的文本框

<ion-input type="text" readonly [(ngModel)]="values" value="adp"></ion-input>
 <ion-input type="number" placeholder="Total Votes" name="vote" [(ngModel)]="vote"></ion-input>   

 <ion-input type="text" readonly   [(ngModel)]="values"  value="lp"></ion-input>
  <ion-input type="number" placeholder="Total Votes" name="vote" [(ngModel)]="vote"></ion-input> 

我有：

价值投票 adp
lp

定义了

值，但将进行投票。

如何使它们接受不同的值？

Answer 1

您将两个输入绑定到同一对象，因此值相同。

将第二个文本框中的[(ngModel)]="hairCat" [(ngModel)]="Gender“更改为[(ngModel)]="hairCat2" [(ngModel)]="Gender2"。