How do I combine an if/else expression with angular translate inside an attribute?

Question

I'm using an if/else expression and a translation of the possible values inside the placeholder-Tag of an HTML input-element. It obviously doesn't work this way, because of the nested double quotes inside the placeholder-tag:

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

How do I set the single/double-quotes accordingly or is there even a more elegant solution?

I'm not sure but you could try `{{(constraint ? "TERM_A" : "TERM_B") | translate}}` — floribon, Feb 11 '16 at 11:05
Yes, that works: `placeholder="{{ (constraint ? 'TERM_A' : 'TERM_B') | translate }}"` ,thanks! — Felix, Feb 11 '16 at 11:11

score 8 · Answer 1 · answered Dec 20 '17 at 09:30

Proper way:

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

Another sample:

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

Beware of " [ ] " braces, types of quotation marks and apostrophes.

How do I combine an if/else expression with angular translate inside an attribute?

1 Answers1