Angular 6将多个texbox值绑定到下拉选项的简单方法

时间:2018-11-11 20:16:25

标签: angular

我有一个简单的数据输入表单,例如您输入最多5个兄弟姐妹的名字

enter image description here

html看起来像这样:

GregorianCalendar

在另一个选项卡中,我有一个下拉菜单,用户可以选择在上述文本框中输入的任何同级兄弟是否也受到特别护理或过敏。 enter image description here

下拉菜单代码如下

如何获得使用在5个文本框中输入的值动态填充的下拉菜单选项?

<input type="text" *ngIf="ChildInfo" [(ngModel)]="ChildInfo.sibling1UnderFiveName" >
    <input type="text" *ngIf="ChildInfo" [(ngModel)]="ChildInfo.sibling2UnderFiveName" >

我的component.ts文件是这样的

   <select   *ngIf="ChildInfo" [(ngModel)]="ChildInfo.child1PhysicalMedicalCondition"  id="child1PhMedCon" >
                                <option></option>               
                            </select>

我要问的是,如果有人在前5个文本框中输入名称,我希望将它们立即添加到第二个标签的下拉选项中。

预先感谢

0 个答案:

没有答案