angularjs - div - cómo traducir los marcadores de posición html5 dinámicamente

ng-init

Question

Estoy usando angular-translate para traducir el contenido de la página a diferentes idiomas.

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

Esto funciona bien cuando la página se carga ... pero no se puede traducir cuando uso $translate.uses(''fr'') dependiendo de los cambios en el menú desplegable.

¿Puede alguien amablemente sugerir la solución para traducir los marcadores de posición mientras el lenguaje cambia dinámicamente?

Answer 1

Has probado:

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

Answer 2

Hay una directiva en traducción angular para ayudar con esto. Mira este problema .

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

Aquí hay una vista previa de un plunkr de trabajo de ese hilo: http://plnkr.co/edit/J4Ai71puzOaA0op7kDgo?p=preview

Answer 3

La solución de + ira funciona para mí.

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

donde el nombre de usuario es la clave para la traducción. Para que la línea JSON de traducción se vea como la siguiente en español

"USERNAME": "Nombre",

Los dos juntos ponen a Nombre como un marcador de posición dentro del cuadro de entrada