javascript - 如何从 HTML 中禁用 angular2-ladda 并防止类被 ladda 覆盖

Question

我只是 Angular 的初学者，我收到以下查询。

我使用 angular2-ladda 进行按钮加载，我想在 View 加载时保持按钮禁用，我所做的如下，

<button [ladda]="isLoading" data-color="mint" data-size="s" class="btn btn-success add-product" disabled="disabled">Add</button>

关于第一个问题，我使用属性 disabled 来禁用按钮，但它不起作用，第二个问题它覆盖了类 btn btn-success。

对于我所做的解决方案，我禁用了 JS 中的按钮和 css 应用的 btn btn-success 样式。

有什么办法可以解决这个问题，如果有请告诉我。

Answer 1

要禁用该按钮，请使用[disabled]属性。

<button [ladda]="isLoading" data-color="mint" data-size="s" class="btn btn-success add-product" [disabled]="disabled">Add</button>