Internacionaliza tu app con ngx-translate
Si estás buscando un sistema fácil de instalar y usar con tu app ionic ngx-translate es lo que buscas.
Una vez instalado y configurados los imports ngx-translate te permite traducir usando 3 métodos, TranslateService es necesario para hacerlo en los ts, mientras que TrasnlatePipe resulta muy cómodo para integrar en tus html.
Los métodos son: TranslateService, TranslatePipe o TranslateDirective
Ejemplo con TranslatePipe:
<ion-title>{{‘titulo’|translate}}</ion-title>
PROBLEMAS:
1) Al menos en la versión que yo he usado hay una pega al intentar traducir los títulos de los botones en la página de tabs. Googleando encontré una solución muy tonta pero eficaz 100%. Después del cierre de corchete hay que dejar un espacio en blanco. Ej: tabTitle=”{{‘calendario’|translate}} ” (antes del cierre de la comilla doble hay un espacio en blanco)
2) Según la versión de angular/ionic que uses en tu proyecto puedes tener errores con HttpClient / Http .. , haz los imports necesarios, fíjate bien en esto y evitarás volverte loco.
Para esto lo único que tenemos que hacer es ejecutar en el dispositivo, abrir chrome, escribir chrome://inspect/#devices .. y hacer click en Inspect (teniendo en cuenta que el dispositivo está en la misma red que el chrome).
Además tiene livereload, cualquier cambio que hagamos lo vemos reflejado instantáneamente en el móvil/tablet.
