Angular CLI - ng xi18n Befehl

Syntax

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

Der Befehl ng xi18n extrahiert i18n-Nachrichten aus dem Quellcode. Optionen sind optionale Parameter.

Argumente

Sr.Nr.	Argument & Syntax	Beschreibung
1	<Projekt>	Der Name des Projekts. Es kann eine Anwendung oder Bibliothek sein.

Optionen

Sr.Nr.	Option & Syntax	Beschreibung
1	--browserTarget = browserTarget	Ziel zu extrahieren.
2	--configuration = Konfiguration	Ein benanntes Build-Ziel, wie im Abschnitt "Konfigurationen" von angle.json angegeben. Jedes benannte Ziel wird von einer Konfiguration der Optionsstandards für dieses Ziel begleitet. Wenn Sie dies explizit festlegen, wird das Flag "--prod" überschrieben. Aliase: -c
3	--createCommits = true \| false	Erstellen Sie Quellcodeverwaltungs-Commits für Updates und Migrationen. Standard: false Aliase: -C
4	--format = xmb \| xlf \| xlif \| xliff \| xlf2 \| xliff2	Ausgabeformat für die generierte Datei. Standard: xlf
5	--help = true \| false \| json \| JSON	Zeigt eine Hilfemeldung für diesen Befehl in der Konsole an. Standard: false
6	--outFile = outFile	Name der auszugebenden Datei.
7	--outputPath = outputPath	Pfad, in dem die Ausgabe platziert wird.
8	--prod = true \| false	Abkürzung für "--configuration = Produktion". Wenn true, wird die Buildkonfiguration auf das Produktionsziel festgelegt. Standardmäßig wird das Produktionsziel in der Arbeitsbereichskonfiguration so eingerichtet, dass alle Builds Bündelung, begrenztes Baumschütteln und begrenzte Eliminierung von totem Code verwenden.
9	--progress = true \| false	Protokollieren Sie den Fortschritt in der Konsole. Standard: true

Wechseln Sie zuerst zu einem Winkelprojekt, das mit dem Befehl ng build aktualisiert wurde . Aktualisieren Sie die Datei app.component.html wie folgt:

app.component.spec.ts

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

Führen Sie nun den Befehl xi18n aus.

Beispiel

\>Node\>TutorialsPoint> ng xi18n

Lokalisierungsunterstützung hinzufügen.

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

Jetzt erstellt ng eine Datei messages.xlf im Stammordner, bei der es sich um eine branchenübliche Übersetzungsdatei handelt.

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>