两个选择角度之间的数据绑定

时间:2020-05-18 02:41:21

标签: html angular typescript

我必须选择角度值。我想连接两个选择,例如当我将其他更改的值设置为on时。

<select class="form-control" id="exampleFormControlSelect1">
    <option selected>--Sélectionnez--</option>
    <option  *ngFor="let item of names"[ngValue]="item">{{item}}</option>
</select>

<select class="form-control" id="exampleFormControlSelect2">
     <option selected>--Sélectionnez--</option>
     <option *ngFor="let item of names ; let i = index">{{i}}</option>
</select>

1 个答案:

答案 0 :(得分:0)

您可以像下面这样简单地调用更改事件

<select (change)="onChange($event.target.value)" class="form-control" id="exampleFormControlSelect1">
    <option selected>--Sélectionnez--</option>
    <option *ngFor="let item of names" [ngValue]="item">{{item}}</option>
</select>

其中onChange是打字稿文件中的一个函数,并设置另一个select(在这里,其ID为exampleFormControlSelect2)选项的值。

onChange(deviceValue) {
    console.log(deviceValue);
}