Para aprovechar las características de localización de Angular, usa el CLI de Angular para agregar el paquete @angular/localize a tu proyecto.
Para agregar el paquete @angular/localize, usa el siguiente comando para actualizar los archivos package.json y de configuración de TypeScript en tu proyecto.
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,fr
Esto agrega types: ["@angular/localize"] en los archivos de configuración de TypeScript.
También agrega la línea /// <reference types="@angular/localize" /> al inicio del archivo main.ts, que es la referencia a la definición de tipos.
ÚTIL: Para más información sobre los archivos package.json y tsconfig.json, consulta Dependencias npm del espacio de trabajo y Configuración de TypeScript. Para aprender sobre las directivas Triple-slash visita el Manual de TypeScript.
Si @angular/localize no está instalado e intentas construir una versión localizada de tu proyecto (por ejemplo, mientras usas los atributos i18n en templates), el CLI de Angular generará un error que contendrá los pasos que puedes seguir para habilitar i18n en tu proyecto.
Opciones
| OPCIÓN | DESCRIPCIÓN | TIPO DE VALOR | VALOR PREDETERMINADO |
|---|---|---|---|
--project |
El nombre del proyecto. | string |
|
--use-at-runtime |
Si se establece, entonces $localize puede usarse en runtime. Además @angular/localize se incluye en la sección dependencies de package.json, en lugar de devDependencies, que es el valor predeterminado. |
boolean |
false |
Para más opciones disponibles, consulta ng add en el CLI de Angular.