Menu Search

Javascript

Internationalisierung für Angular, Teil 2: ngx-translate
https://www.heise.de/developer/artikel/Internationalisierung-fuer-Angular-Teil-2-ngx-translate-3722374.html
https://www.heise.de/developer/artikel/Internationalisierung-fuer-Angular-Teil-1-Bordmittel-3703621.html
npm install @ngx-translate/core --save
import { TranslateModule } from ?@ngx-translate/core?;

@NgModule({
imports: [
TranslateModule.forRoot()
] ,
bootstrap: [
AppComponent
]
})
export class AppModule {
}
import { TranslateModule } from ?@ngx-translate/core?;

@NgModule({
exports: [
TranslateModule
]
})
export class SharedModule {
}
import { TranslateService } from ?@ngx-translate/core?;

@Component({
selector: ?flight-app?,
templateUrl: ?./app.component.html?
})
export class AppComponent {
constructor(private translate: TranslateService) {

translate.setDefaultLang('de');
translate.use('de');
translate.addLangs([?en?]);

}
}
@Component({
templateUrl: ?./booking-details.component.html?
})
export class BookingDetailsComponent implements OnInit {
[...]
selectLang(lang) {
this.translate.use(lang);
}

ngOnInit() {
this.translate.get('BOOKINGS').subscribe(res => ↲
this.bookingTranslation = res);

this.translate.onLangChange.subscribe((event: LangChangeEvent) => {
this.translate.get('BOOKINGS').subscribe(res => ↲
this.bookingTranslation = res);
});
}
}

Liste

Index | List
  • Vorherige
  • Seite #n
  • #n
  • #c
  • Seite #n
  • Nächste
Index | List
  • Vorherige
  • Seite #n
  • #n
  • #c
  • Seite #n
  • Nächste

Index

Index | List
  • Vorherige
  • Seite #n
  • #n
  • #c
  • Seite #n
  • Nächste
Index | List
  • Vorherige
  • Seite #n
  • #n
  • #c
  • Seite #n
  • Nächste

LetzteChance.Org - Links -

PDF/ZIP/Word