Отключить кнопку с условием сравнения

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>

Вот это ДЕМО

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>

Надеюсь, это поможет вам !!!