如何动态更改下拉选项

Question

我正在根据“排名”创建下拉按钮，并且当现有下拉列表具有相同的值（等级）时，应弹出该选项 并且选项不应重复。 例： enter image description here

如果等级数字的范围是1、2、3、4、5

如果我从下拉列表中选择1，则数字1不应显示在下拉列表中；如果我从列表中删除1，则应返回到下拉选项

注意：我正在使用bootstrap和angular6。

Answer 1

<select class="my-style"  (change)="selectedOption($event)">
 <option selected disabled> Select option</option>
 <option *ngFor="let option of list; let i = index" >{{option.name}}
 </option>
</select>

Answer 2

角形有两种类型。一种是模板驱动，另一种是反应形式。在模板驱动下，您需要更改ng-model value options，而在反应形式下，您可以使用FormControl name

更改选项。