Angular i18n Использует разметку HTML и интерполяции с переменной класса

#angular #internationalization #string-interpolation

#угловой #интернационализация #строка-интерполяция

Вопрос:

Вот html, который мне нужно перевести

 lt;div class="person"gt;  {{userRole === securityRoles.PARTICIPANT ? '[Who]' :'Participants'}} lt;/divgt;  

securityRoles.PARTICIPANT является строковым значением, определенным как константа. Значения могут быть Participant и Admin

Это мой подход с переменной

 lt;div class="person" i18n="@@translateKeyWhoOrParticipant"gt;  {userRole, select, securityRoles.PARTICIPANT {Who} other {Participants}} lt;/divgt;   

Но это работает не так, как ожидалось. Но следующие работы

 lt;div class="person" i18n="@@translateKeyWhoOrParticipant"gt;  {userRole, select, Participant {Who} other {Participants}} lt;/divgt;  

Ключ к Танслейту-это

 "translateKeyWhoOrParticipant" : "{userRole, select, Participant {Who} other {Participants}}"