Question

我想在条件评估为真时禁用按钮。

我已经尝试过这种方式，但它不起作用：

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

Answer 1

可能会帮助你

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

Answer 2

试试这个：

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

希望这能帮到你!!!

Answer 3

标签（libellé）不是那个，或者你的套管错了。

试试这个

<button type="text" [disabled]="candidature.statusCandidature.libelle.toLowerCase() === 'en cours'" >edit </button>

如果它不起作用，请检查它确实是您期望的值

Answer 4

angular2+

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

angular1+

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

Here is a DEMO

<强> PS：

对于锚标记已禁用属性doesnot，

你需要做，

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

<强>的CSS：

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

Answer 5

您必须像这样绑定禁用的属性：

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

禁用具有比较条件的按钮

5 个答案: