comment traduire le html5 espaces réservés de façon dynamique

Je suis en utilisant angular-translate pour traduire le contenu de la page dans les différentes langues.

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

Cela fonctionne bien lorsque le chargement de la page ..mais il ne parvient pas à traduire quand j'utilise $translate.uses('fr') en fonction de la langue de la liste déroulante change.

Peut on suggère aimablement la solution pour traduire les espaces réservés, tandis que la langue change de façon dynamique ?

  • <input type = "text" placeholder = '{username | translate} " >
  • nom d'utilisateur doit être une chaîne de caractères, de façon à avoir: <input type = "text" placeholder = "{"nom d'utilisateur" | translate}">
InformationsquelleAutor praveenpds | 2014-01-09
  1. 90

    Avez-vous essayé:

    <input type="text" placeholder="{{ 'my.i18n.key' | translate }}" ng-model="myModel">
    • Yep,son travail
    • Pour moi n'a pas de..<input name="login_form_email" type="email" placeholder="{{login.default_email' | translate }}" required> pas la traduction d'exécution
    • Pour moi, il ne fonctionne pas, le problème vient quand vous le faites au moment de l'exécution, pas à démarrer.
    • Cette approche est obsolète, voir @armyofda12mnkeys réponse, il existe une directive de traduire l'espace réservé
    • Cela ne fonctionne pas sur Internet explorer, la documentation est assez clair sur ce point. Lorsque l'interpolation est en train de procéder à une erreur/d'accident apparaît. Vous devez utiliser la coutume de l'espace réservé directive de le gérer comme vous le souhaitez
    • Cette réponse est proche, mais techniquement, il est préférable d'utiliser ng-attr-placeholder comme l'attribut parce qu'alors Angulaire pouvez tenir à distance sur l'affichage de la valeur jusqu'à ce qu'il est réellement prêt (d'après la traduction). Le jank lors de l'utilisation de l'original placeholder attribut est généralement tellement vite que vous ne pouvez pas le voir, mais il sera possible pour l'utilisateur de voir le non traduite clé pour un moment si vous le faites comme les posté réponse.

    InformationsquelleAutor DrDyne
  2. 31

    Il existe une directive dans angular-translate pour vous aider à cela.
    Voir ce problème.

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

    Voici un aperçu d'un travail plunkr à partir de ce thread:
    http://plnkr.co/edit/J4Ai71puzOaA0op7kDgo?p=preview

    • C'est la meilleure solution pour traduire l'espace réservé à l'attribut.
    • fonctionne parfaitement, merci
    InformationsquelleAutor armyofda12mnkeys
  3. 3

    +ira 's solution qui fonctionne pour moi.

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

    où le nom d'utilisateur est la clé pour la traduction. De sorte que la traduction JSON ligne pourrait ressembler à l'exemple suivant en espagnol

    "USERNAME": "Nombre",

    Les deux ensemble met en Nombre comme un espace réservé à l'intérieur de la zone de saisie

    InformationsquelleAutor Mike_Laird
  4. 1

    J'utilise cette méthode:

    Dans fr.json:

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

    Dans modèle:

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