Html 禁用具有比较条件的按钮

我想在条件计算为true时禁用按钮

我尝试过这种方法，但不起作用：

<button type="text" disabled="{{candidature.statusCandidature.libelle == 'En cours' }}" >edit </button>

编辑

试试这个：

<button type="text" [disabled]="candidature.statusCandidature.libelle == 'En cours'" >edit</button>

编辑

---

希望这对你有帮助

对于

angular2+

<button type="text" [attr.disabled]="candidature.statusCandidature.libelle == 'En cours' ? true : null" >edit </button>

Ps:

a.disabled {
    color: gray;
    cursor: not-allowed;
    text-decoration: underline;
}

对于锚定标记禁用属性

不存在

你需要这样做

<a [attr.href]="candidature.statusCandidature.libelle == 'En cours' ? null : '#'"
     [class.disabled]="candidature.statusCandidature.libelle == 'En cours'" >edit </a>

必须按如下方式绑定禁用的属性：

<button type="text" [disabled]="candidature.statusCandidature.libelle == 'En cours'" >edit </button>

编辑
这可能会对您有所帮助

<button type="submit" id="test" name="test" [disabled]="!(candidature.statusCandidature.libelle == 'En cours')" >edit </button>

编辑
@trichetriche，我刚才复制了，忘了删除
插值。我删除了它。我仍然保留我的反对票，因为语法不是问题，属性中的插值是有效的。但是双向绑定在哪里呢？我就是这么说的，插值，我只是忘了从我的代码中删除，当我复制了它，并在你说的时候马上更正了它。正如我告诉你的，插值不是问题，它在属性中有效，所以他的语法应该是有效的，@bugs，至于Sanoj，我解释说，这不是问题所在。你也可以使用text类型来反转条件。那不是他要的，而且，你有
==运算符。@Bhumik答案是正确的。您还可以为比较逻辑和返回布尔值生成函数。
<button type="submit" id="test" name="test" [disabled]="!(candidature.statusCandidature.libelle == 'En cours')" >edit </button>