Javascript 如何动态更改下拉选项

我正在根据排名基础创建一个下拉按钮，当现有下拉列表具有相同的值（排名）时，应弹出选项 这一选择不应重复。 例子：

如果秩数在1、2、3、4、5之间

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

---

注意：我使用的是bootstrap和angular6

角形有两种类型。一种是模板驱动的，另一种是被动形式。在“模板驱动”中，您需要更改

ng模型值选项

，在“反应式”中，您可以使用

FormControl name

<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>

选择选项
{{option.name}

向我们展示您的尝试。请分享您研究和开发的部分代码。@Bogdan。我刚刚创建了下拉按钮，但我还没有编码，但您仍然可以看到{{dropdownButton}}纯文本纯文本您可以使用筛选方法，一旦更改selectthis.rank=['1'，'2'，'3'，'4'，'5']；若您使用select选项，那个么它可以工作，但您只需要绑定一个方法，就像我在上面编写的代码中所做的一样，并在您的.ts文件中使用method selectOption（event）{console.log（event）；}