Как динамически переводить html5-заполнители

Я использую angular -translate для перевода содержимого страницы на разные языки.

<input  type ='text' placeholder = ' {username | translate}'>

Это отлично работает, когда страница загружается.. но она не может перевести, когда я использую $translate.uses('fr') в зависимости от изменений в раскрывающемся списке языков.

Может ли любой любезно предложить решение для перевода заполнителей при динамическом изменении языка?

Ответы

Ответ 1

Вы пытались:

<input type="text" placeholder="{{ 'my.i18n.key' | translate }}" ng-model="myModel">

Ответ 2

В angular -трансляте есть директива, чтобы помочь с этим. См. этот вопрос.

<input placeholder="Regular Placeholder" translate translate-attr-placeholder="text" translate-value-browser="{{app.browser}}">

Вот превью рабочего plunkr из этого потока: http://plnkr.co/edit/J4Ai71puzOaA0op7kDgo?p=preview

Ответ 3

Решение

+ ira работает для меня.

<input type ='text' placeholder = "{'USERNAME' | translate}">

где username является ключом к переводу. Таким образом, перевод строки JSON может выглядеть следующим образом на испанском языке.

"USERNAME": "Nombre",

Оба вместе ставят Nombre в качестве заполнителя внутри поля ввода

Ответ 4

<input type="text" placeholder = "{{'name'|translate}}">

Где Json - {"name": "manav"}

это работает для меня очень хорошо

Ответ 5

Я использую этот метод:

В en.json:

{
   "ENTER_TEXT": "{{label}} را وارد کنید",
   "DISCOUNT_CODE": "کد تخفیف"
}

В шаблоне:

<input type="text" placeholder="{{'ENTER_TEXT' | translate: {label: 'DISCOUNT_CODE' | translate} }}" >