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

【问题标题】：how to disable angular2-ladda from HTML and prevent class overwriting by ladda如何从 HTML 中禁用 angular2-ladda 并防止 ladda 覆盖类
【发布时间】：2018-08-29 05:03:12
【问题描述】：

我只是 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 的按钮和css 应用的btn btn-success 样式。

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

【问题讨论】：

标签： javascript angular ladda

【解决方案1】：

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

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

【讨论】：

你确定disabled 变量是一个布尔值并且它的值是假的吗？
嘿，这对我有用，你有解决 Ladda 类覆盖问题的方法吗？
您可以使用[ngClass] 属性将css 类添加到按钮。何时会发生此类覆盖？
即使我使用了[ngClass]，它也会覆盖btn btn-success 的样式。我认为 [ladda]="isLoading" 初始化时类会覆盖。
然后添加[ngClass]={'btn-success': isLoading}