CLI angulaire - Commande ng xi18n

Syntaxe

ng xi18n <project> [options]
ng i18n-extract <project> [options]

La commande ng xi18n extrait les messages i18n du code source. Les options sont des paramètres facultatifs.

Arguments

N ° Sr. Argument et syntaxe La description
1 <projet> Le nom du projet. Cela peut être une application ou une bibliothèque.

Options

N ° Sr. Option et syntaxe La description
1 --browserTarget = browserTarget Cible à extraire.
2 --configuration = configuration

Une cible de construction nommée, comme spécifié dans la section "configurations" de angular.json. Chaque cible nommée est accompagnée d'une configuration d'options par défaut pour cette cible. La définition de ceci remplace explicitement l'indicateur "--prod".

Alias: -c

3 --createCommits = true | false

Créez des validations de contrôle de code source pour les mises à jour et les migrations.

Valeur par défaut: faux

Alias: -C

4 --format = xmb | xlf | xlif | xliff | xlf2 | xliff2

Format de sortie du fichier généré.

Par défaut: xlf

5 --help = true | false | json | JSON

Affiche un message d'aide pour cette commande dans la console.

Valeur par défaut: faux

6 --outFile = outFile Nom du fichier à sortir.
sept --outputPath = chemin de sortie Chemin où la sortie sera placée.
8 --prod = vrai | faux Abréviation de "--configuration = production". Lorsque true, définit la configuration de construction sur la cible de production. Par défaut, la cible de production est configurée dans la configuration de l'espace de travail de telle sorte que toutes les versions utilisent le regroupement, le tremblement d'arborescence limité et l'élimination limitée du code mort.
9 --progress = true | false

Enregistrez la progression sur la console.

Par défaut: vrai

Commencez par passer à un projet angulaire mis à jour à l'aide de la commande ng build . Mettez à jour app.component.html comme suit:

app.component.spec.ts

<div class="content" role="main">
   <span i18n>app is running!</span>
</div>
<app-goals></app-goals>
<router-outlet></router-outlet>

Exécutez maintenant la commande xi18n.

Exemple

\>Node\>TutorialsPoint> ng xi18n

Ajoutez la prise en charge de la localisation.

\>Node\>TutorialsPoint> ng add @angular/localize
Installing packages for tooling via npm.
Installed packages for tooling via npm.
UPDATE src/polyfills.ts (3064 bytes)

Maintenant, ng créera un fichier messages.xlf dans le dossier racine qui est un fichier de traduction standard de l'industrie.

messages.xlf

<?xml version="1.0" encoding="UTF-8" ?>
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
   <file source-language="en-US" datatype="plaintext" original="ng2.template">
      <body>
         <trans-unit id="6226cbeebaffaec0342459915ef7d9b0e9e92977" datatype="html">
            <source>app is running!</source>
            <context-group purpose="location">
               <context context-type="sourcefile">src/app/app.component.html</context>
               <context context-type="linenumber">2</context>
            </context-group>
         </trans-unit>
      </body>
   </file>
</xliff>