Typescript 为所有其他下拉列表禁用一个下拉列表的选定选项

我有多个包含相同数组值的下拉列表，我想禁用在一个下拉列表中为其他下拉列表选择的选项，那么我如何实现这一点

 <div>
    <div>
      <label >Name</label>
    </div>
    <div >
      <select >
        <option value="">Select</option>
        <option *ngFor="let type of Demo">{{type}}</option>
      </select>
    </div>
  </div>

 <div>
    <div>
      <label >Number</label>
    </div>
    <div >
      <select >
        <option value="">Select</option>
        <option *ngFor="let type of Demo">{{type}}</option>
      </select>
    </div>
  </div>

.ts File
Demo = ['One', 'Two','Three']

名称
挑选
{{type}}
数
挑选
{{type}}
.ts文件
演示=['1'，'2'，'3']

试试这个

名称
挑选
{{type}}
数
挑选
{{type}}

Demo=['1'，'2'，'3']
selectedValues=[]；
isDisabled（值）{
返回此.selectedValues.includes（值）；
}

---

如果您有20个下拉列表，请将html代码放到*ngFor并将标签、值绑定到它。

请分享您迄今为止的尝试。您可以通过从其他数组中删除所选选项来解决此问题。我没有尝试过任何操作，因为我不知道如何执行此操作。我是Angular7的新手。请在此处共享您的html和ts。这样我们才能更好地帮助你有多少选择？最多2个？不，有20个下拉菜单有20个下拉菜单