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>

↰ Previous page Next page ↱