如何避免使用 PrimeNG Dropdown 为多个 select 下拉列表编辑 selected 项目？

Question

我有三个下拉菜单，每个下拉菜单都相互关联，它们在三个下拉菜单中都不应该有任何 selected 值。

例如我有三个下拉列表，例如 Stock 1、Stock 2、Stock 3。如果我 select 为库存 1 编辑了一个值，那么该值将无法 select 来自库存 2 和库存 3。

我想在 Angular 中使用 PrimeNG Dropdown 实现上述功能。

Answer 1

在html

<p-dropdown [options]="stockDropdown1" [(ngModel)]="selectedStock1" (onChange)="stock1ChangeHandler()"></p-dropdown>
<p-dropdown [options]="stockDropdown2" [(ngModel)]="selectedStock2" (onChange)="stock2ChangeHandler()"></p-dropdown>

在 ts:

completeStockDropdown = [{label:'choice1', value:foo}, {label:'choice2', value:bar}];
stockDropdown1 = this.completeStockDropdown;
stockDropdown2 = this.completeStockDropdown;

stock1ChangeHandler() {
    this.stockDropdown2 = this.completeStockDropdown.filter(option => option.value!=this.selectedStock1);
}

如何避免使用 PrimeNG Dropdown 为多个 select 下拉列表编辑 selected 项目？

How do I avoid selected item for multiple select dropdown using PrimeNG Dropdown?

primeng

angular