CLI Angular - Comando ng xi18n

Sintaxe

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

O comando ng xi18n extrai mensagens i18n do código-fonte. As opções são parâmetros opcionais.

Argumentos

Sr. Não. Argumento e Sintaxe Descrição
1 <projeto> O nome do projeto. Pode ser um aplicativo ou biblioteca.

Opções

Sr. Não. Opção e sintaxe Descrição
1 --browserTarget = browserTarget Alvo do qual extrair.
2 --configuration = configuração

Um destino de compilação nomeado, conforme especificado na seção "configurações" do angular.json. Cada destino nomeado é acompanhado por uma configuração de opções padrão para esse destino. Definir isso substitui explicitamente o sinalizador "--prod".

Aliases: -c

3 --createCommits = true | false

Crie confirmações de controle de origem para atualizações e migrações.

Padrão: falso

Aliases: -C

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

Formato de saída para o arquivo gerado.

Padrão: xlf

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

Mostra uma mensagem de ajuda para este comando no console.

Padrão: falso

6 --outFile = outFile Nome do arquivo de saída.
7 --outputPath = outputPath Caminho onde a saída será colocada.
8 --prod = true | false Abreviação de "--configuration = production". Quando verdadeiro, define a configuração de construção para o destino de produção. Por padrão, o destino de produção é definido na configuração do espaço de trabalho de forma que todas as compilações façam uso de empacotamento, agitação limitada de árvore e também eliminação limitada de código morto.
9 --progress = true | false

Registre o progresso no console.

Padrão: verdadeiro

Primeiro vá para um projeto angular atualizado usando o comando ng build . Atualize o app.component.html da seguinte maneira:

app.component.spec.ts

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

Agora execute o comando xi18n.

Exemplo

\>Node\>TutorialsPoint> ng xi18n

Adicione suporte de localização.

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

Agora ng irá criar um arquivo messages.xlf na pasta raiz, que é um arquivo de tradução padrão da indústria.

mensagens.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>