Angular中如何基于自定义方法禁用select下拉框的指定option选项

步骤1：修改HTML模板绑定逻辑 #

你需要给disable方法传入当前循环项的r.code作为参数，否则方法无法获取当前option对应的code值，修改后的option代码如下：

<option [value]="r.id" *ngFor="let r of code" [disabled]="disable(r.code)">
  {{r.code}}
</option>

步骤2：补充TS文件中disable方法的逻辑 #

修改disable方法，接收code参数，直接返回判断结果即可：

disable(code: string): boolean {
  // 判断传入的code是否为'A'，是则返回true（禁用），否则返回false（可用）
  return code === 'A';
}

扩展说明 #

如果后续需要禁用多个值，直接修改判断逻辑即可，比如要同时禁用A和C：

disable(code: string): boolean {
  return ['A', 'C'].includes(code);
}

内容的提问来源于stack exchange，提问作者Kayo