[disabled]="!isValid() "在Angular 8的IE11中无法使用。

Question

在IE11中，带功能的disabled属性不起作用。它一直处于禁用状态。请参考以下代码。

HTML.Component (.ts)

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

组件 (.ts)

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

Answer 1

尝试使用 getter，所以你就不需要模板里面的括号了。

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

而没有括号的模板

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

Answer 2

你需要这个功能吗？isValid()? 你是不是有更多的逻辑在里面？

否则你可以直接绑定到 providedId:

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

Stackblitz.comeditangular-ivy-disabled-binding: https:/stackblitz.comeditangular-ivy-disabled-binding。