Javascript 角度-如果数组中存在值，则禁用选择选项

我在表单中有嵌套选择元素，我只希望每个值选择一次。如何检查

occulations.occulation

是否存在于

selectedoccupations

数组中，并将

[disabled]=''

设置为true（如果存在）

组成部分

  selectedOccupations: any[] = [
    { occupation: 'dev' },
  ];

模板

<tr>
          <td>
            <md-select formControlName="occupation" [ngModelOptions]="{standalone: true}" placeholder="Occupation" (change)="filterGuests($event, i)">
              <md-option [value]="null">Occupation</md-option>
              <md-option *ngFor="let occupation of occupationz" [value]="occupation.occupation" [disabled]="">
                {{ occupation.occupation }}
              </md-option>
            </md-select>
          </td>
        </tr>

职业
{{职业，职业}

试试

[disabled]=“selectedOccupations.includes（occupations）”

---

这不是很有效，但不应该那么糟糕。

调用一个typescript函数，它会为您返回值

<tr>
  <td>
    <md-select formControlName="occupation" [ngModelOptions]="{standalone: true}" placeholder="Occupation" (change)="filterGuests($event, i)">
      <md-option [value]="null">Occupation</md-option>
      <md-option *ngFor="let occupation of occupationz" [value]="occupation.occupation" [disabled]="isDisabled(occupation)">
        {{ occupation.occupation }}
      </md-option>
    </md-select>
  </td>
</tr>

---

你试过使用过滤器吗？

function isDisabled(occupation: any):boolean{
    // if it exists... disabled == true;
    return selectedOccupations.includes(occupation.occupation); // note, i'm not certain if this should just be occupation.
}