Para aproveitar os recursos de localização do Angular, use o Angular CLI para adicionar o pacote @angular/localize ao seu projeto.
Para adicionar o pacote @angular/localize, use o seguinte comando para atualizar os arquivos package.json e de configuração do TypeScript em seu projeto.
ng add @angular/localizeng extract-i18nng extract-i18n --output-path src/localeng extract-i18n --format=xlfng extract-i18n --format=xlf2ng extract-i18n --format=xmbng extract-i18n --format=jsonng extract-i18n --format=arbng extract-i18n --out-file source.xlfng build --localizeng serve --configuration=frng build --configuration=production,frEle adiciona types: ["@angular/localize"] nos arquivos de configuração do TypeScript.
Também adiciona a linha /// <reference types="@angular/localize" /> no topo do arquivo main.ts, que é a referência à definição de tipo.
HELPFUL: Para mais informações sobre os arquivos package.json e tsconfig.json, veja Dependências npm do workspace e Configuração do TypeScript. Para aprender sobre Triple-slash Directives visite Typescript Handbook.
Se @angular/localize não estiver instalado e você tentar buildar uma versão localizada do seu projeto (por exemplo, ao usar os atributos i18n em templates), o Angular CLI gerará um erro, que conterá os passos que você pode seguir para habilitar i18n em seu projeto.
Opções
| OPÇÃO | DESCRIÇÃO | TIPO DO VALOR | VALOR PADRÃO |
|---|---|---|---|
--project |
O nome do projeto. | string |
|
--use-at-runtime |
Se definido, então $localize pode ser usado em tempo de execução. Também @angular/localize é incluído na seção dependencies do package.json, ao invés de devDependencies, que é o padrão. |
boolean |
false |
Para mais opções disponíveis, veja ng add no Angular CLI.