Wie kombiniere ich einen if/else-Ausdruck mit eckigem translate innerhalb eines Attributs?

Question

Ich verwende einen if/else-Ausdruck und eine Übersetzung der möglichen Werte innerhalb des Platzhalter-Tags eines HTML-Eingabeelements. Es funktioniert offensichtlich nicht auf diese Weise, weil die verschachtelten doppelten Anführungszeichen in dem Platzhalter-tag:

<input type="number" 
     placeholder="{{constraint ? '{{"TERM_A" | translate}}' : '{{"TERM_B" | translate}}'}}" 
     ng-model="" 
     required 
     autocapitalize="none" 
     autocorrect="off" /> 

Wie kann ich die einzelne/doppelten Anführungszeichen entsprechend eingestellt oder gibt es noch eine elegantere Lösung?

Answer 1

Richtige Art und Weise:

<input type="number" 
       placeholder="{{ (constraint ? 'TERM_A' : 'TERM_B') | translate }}" 
       ng-model="" 
       required 
       autocapitalize="none" 
       autocorrect="off" /> 

Ein weiteres Beispiel:

  label="{{ (detailsTriggered ? 'ui.showDetails' : 'ui.hideDetails') | translate}}" 

Hüten Sie sich vor "[]" Klammern, Arten von Anführungszeichen und Apostrophe.