CLI angolare - comando ng xi18n

Sintassi

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

Il comando ng xi18n estrae i messaggi i18n dal codice sorgente. Le opzioni sono parametri opzionali.

argomenti

Sr.No. Argomento e sintassi Descrizione
1 <progetto> Il nome del progetto. Può essere un'applicazione o una libreria.

Opzioni

Sr.No. Opzione e sintassi Descrizione
1 --browserTarget = browserTarget Target da cui estrarre.
2 --configuration = configurazione

Un target build denominato, come specificato nella sezione "configurazioni" di angular.json. Ciascun target denominato è accompagnato da una configurazione dei valori predefiniti delle opzioni per tale target. L'impostazione di questo sovrascrive esplicitamente il flag "--prod".

Alias: -c

3 --createCommits = true | false

Crea commit di controllo del codice sorgente per aggiornamenti e migrazioni.

Predefinito: false

Alias: -C

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

Formato di output per il file generato.

Predefinito: xlf

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

Mostra un messaggio di aiuto per questo comando nella console.

Predefinito: false

6 --outFile = outFile Nome del file da produrre.
7 --outputPath = outputPath Percorso in cui verrà posizionato l'output.
8 --prod = true | false Abbreviazione di "--configuration = production". Quando true, imposta la configurazione della build sulla destinazione di produzione. Per impostazione predefinita, l'obiettivo di produzione è impostato nella configurazione dell'area di lavoro in modo tale che tutte le build utilizzino raggruppamento, scuotimento limitato degli alberi e anche eliminazione limitata del codice morto.
9 --progress = true | false

Registra i progressi nella console.

Predefinito: vero

Primo passaggio a un progetto angolare aggiornato utilizzando il comando ng build . Aggiorna l'app.component.html come segue:

app.component.spec.ts

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

Ora esegui il comando xi18n.

Esempio

\>Node\>TutorialsPoint> ng xi18n

Aggiungi supporto per la localizzazione.

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

Ora ng creerà un file messages.xlf nella cartella principale che è un file di traduzione standard del settore.

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>