Angular i18n及ngx-translate能否在AngularJS 1.5（低于Angular2）中使用？

Hey there! Let's break down your questions clearly and directly:

1. Does Angular's official i18n work with AngularJS 1.5? #

Nope, Angular's built-in i18n (the system launched with Angular 2+) is a completely retooled solution tied to modern Angular's architecture. It’s incompatible with AngularJS 1.x (including 1.5) because the two frameworks have fundamentally different core structures—you can’t drop Angular’s official i18n into an AngularJS 1.5 app and expect it to function.

2. Can i18n solutions (or ngx-translate) be used in AngularJS 1.5? #

Let’s split this into two clear parts:

• ngx-translate: This library is built exclusively for modern Angular (v2+), so it won’t work with AngularJS 1.5. It relies on Angular’s newer dependency injection, component system, and other features that don’t exist in AngularJS 1.x.
• AngularJS-compatible i18n: Absolutely! The AngularJS ecosystem has its own mature, purpose-built internationalization library called angular-translate (now published under the package name pascalprecht.translate). It’s fully compatible with AngularJS 1.5 and handles all core i18n needs: translation files, string interpolation, dynamic language switching, and more.

Quick example of using angular-translate in AngularJS 1.5: #

1. Install the library:

   npm install angular-translate
   

2. Add it as a dependency to your AngularJS module:

   angular.module('yourApp', ['pascalprecht.translate']);
   

3. Configure your translations:

   angular.module('yourApp')
     .config(function($translateProvider) {
       // English translations
       $translateProvider.translations('en', {
         WELCOME: 'Welcome to our app!',
         ABOUT: 'This is an AngularJS 1.5 application with i18n support.'
       });
       // Spanish translations
       $translateProvider.translations('es', {
         WELCOME: '¡Bienvenido a nuestra aplicación!',
         ABOUT: 'Esta es una aplicación AngularJS 1.5 con soporte de internacionalización.'
       });
       // Set default language
       $translateProvider.preferredLanguage('en');
     });
   

4. Use translations in your templates:

   <h1>{{ 'WELCOME' | translate }}</h1>
   <p>{{ 'ABOUT' | translate }}</p>
   

内容的提问来源于stack exchange，提问作者Viswa