[disabled]="!isValid()" 在 IE11 中不适用于 Angular 8

Question

具有功能的禁用属性在 IE11 中不起作用。它一直保持禁用状态。请参考以下代码：

HTML:

 <button type="submit" (click)="onSubmit()" [disabled]="!isValid()">SAVE</button>

组件 (.ts)

isValid(){
    return this.providedId != null;
}

Answer 1

你需要那个功能isValid()吗？你有更多的逻辑吗？

否则可以直接绑定到providedId:

<button [disabled]="!providedId">
I am a button
</button>

Stackblitz：https://stackblitz.com/edit/angular-ivy-disabled-binding

Answer 2

尝试使用 getter，这样模板中就不需要括号了：

get isValid(){
    return this.providedId != null;  
    // Or any other complicated logic...
}

以及没有括号的模板：

<button [disabled]="!isValid">SAVE</button>