angular-i18n Angular 6 Internacionalización: Cómo lidiar con variables

Question

Jun 13, 2018, 04:24 PM

angular-i18n Angular 6 Internacionalización: Cómo lidiar con variables

He leído todo el documento aquí:https: //angular.io/guide/i18

No puedo hacer cara o cruz de cómo se supone que debo manejar una etiqueta html de esta naturaleza:

<div i18n="@@myId" class="title-text">{{currentPage}}</div>

o uno como este:

<div i18n="@@myId" class="title-text" [innerHTML]="currentPage"></div>

no menciona ningún texto variable como si asumieran que tendríamos todos nuestros nombres y textos codificados en el html.

e supone que un archivo de idioma se verá así:

<?xml version="1.0" encoding="UTF-8" ?>
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
  <file source-language="en" datatype="plaintext" original="ng2.template">
    <body>
      <trans-unit id="myId" datatype="html">
        <source>Hello</source>
        <target>Bonjour</target>
      </trans-unit>
    </body>
  </file>
</xliff>

¿Debo hacer algo como esto para manejar las múltiples posibilidades de la var?

<?xml version="1.0" encoding="UTF-8" ?>
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
  <file source-language="en" datatype="plaintext" original="ng2.template">
    <body>
      <trans-unit id="myId" datatype="html">
        <source>Title 1</source>
        <target>Titre 1</target>
        <source>Help 2</source>
        <target>Aide 2</target>
        <source>New 3</source>
        <target>Nouveau 3</target>
      </trans-unit>
    </body>
  </file>
</xliff>

No creo que eso funcione. ¿Cómo manejo las variables?

UPDATE:

si uso su herramienta de generación de archivos de idioma:

ng xi18n --output-path locale --out-file english.xlf --i18n-locale fr

Yo obtengo

<?xml version="1.0" encoding="UTF-8" ?>
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
  <file source-language="fr" datatype="plaintext" original="ng2.template">
    <body>
      <trans-unit id="9f3e56faa6da73b83f4646a1e074b970891894da" datatype="html">
        <source><x id="INTERPOLATION" equiv-text="{{currentPage}}"/></source>
        <context-group purpose="location">
          <context context-type="sourcefile">app/logged.in/top.bar/top.bar.component.ts</context>
          <context context-type="linenumber">85</context>
        </context-group>
        <note priority="1" from="description">the title of the current route</note>
      </trans-unit>
    </body>
  </file>
</xliff>

bastante seguroequiv-text="{{currentPage}}" es basura. pero aún puede funcionar necesita probar. Mientras tanto, no puedo obtener ng serve para aceptar las nuevas configuraciones.

ACTUALIZAR DE NUEVO:

Llegarng serve --configuration=fr trabaja

tienes que editarangular.json además, no se especifica en los documentos oficiales, pero se habla aquí:https: //github.com/angular/angular-cli/wiki/stories-internationalizatio

Bueno, agregué un<target>Title</target> y funciona pero, por supuesto, esto implica que en este momento cada valor individual para la var devuelve "título" sin importar qué.

también al colocar eli18n etiquetas en todas partes, me encontré con esto en mi código:

 <dropzone [message]="valid? '' : 'Placez ici votre fichier Excel csv à Ajouter aux lignes ci-dessous. (Ces lignes apparaîtront à la fin de la table)'" (success)="uploaded()"></dropzone>

¿Y ahora qué? ¿Cómo traduzco el mensaje pasado a la zona de caída?