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

Question

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

我使用angular2-ladda进行按钮加载，我想在视图加载时保持按钮禁用，我的工作如下，

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

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

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

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

Answer 1

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

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