Как объединить выражение if/else с угловым переводом внутри атрибута?

Question

Я использую выражение if/else и перевод возможных значений внутри метки-заполнителя элемента ввода HTML. Это, очевидно, не работает таким образом, из-за вложенные в двойных кавычках внутри шаблонного тега:

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

Как установить одинарные/двойные кавычки, соответственно, или есть еще более элегантное решение?

Answer 1

Правильный путь:

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

Другой пример:

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

Остерегайтесь "[]" скобки, типы кавычек и апострофов.