dịch lại nút ionic 2

Question

Tôi đã thay đổi tên của nút Quay lại trong ionic 2 nhưng có ai đó biết cách bạn có thể dịch nút này bằng ng2-translate không?

this.config.set('backButtonText', 'Go Back'); // < want to translate this with ng2-translate. 

Answer 1

Bạn có thể dịch các văn bản trở lại như thế này (giả sử bạn đã thực hiện thành công các mô-đun ng2-dịch) trong app.ts của bạn:

initializeApp() { 
    this.platform.ready().then(() => { 
     this.config.set('backButtonText', this.translate.get('ui.general.back')['value']); 
    }); 
} 

Nó là cần thiết để thiết lập này trong tư thế sẵn sàng - chức năng vì bản địa hóa tải không đồng bộ và đây là nơi bạn biết rằng các tệp bản địa hóa đã được tải và mô-đun sẵn sàng hoạt động.

Rõ ràng là tôi đã thiết lập các văn bản dịch trong json-file thích hợp dưới ui.general.back;)

Nếu bạn chưa truy cập vào cấu hình thì bạn cần phải nhập nó:

import {..., Config} from 'ionic-angular'; 

Answer 2

Bạn có thể dịch các văn bản trở lại như thế này, đặt trên app.component.ts

ngAfterViewInit() { 
this.navCtrl.viewWillEnter.subscribe((view) => { 
    let parentView = this.navCtrl.getPrevious(view); 

    if (parentView) { 
    this.translate.get('nav.back.label').first().subscribe(
     moduleName => { this.navCtrl.getActive().getNavbar().setBackButtonText(moduleName); } 
    ); 
    } 
}); } 

Answer 3

tôi đã sử dụng nó như thế này (trong app.component.ts)

this.platform.ready().then(() => { 
 
    this.translate.get('GENERIC.BACK').subscribe(backLabel => { 
 
    this.config.set('ios', 'backButtonText', backLabel); 
 
    }); 
 
});

Answer 4

Trong bạn app.module.ts:

@NgModule({ 
declarations: [ 
    MyApp 
], 
imports: [ 
    BrowserModule, 
    IonicModule.forRoot(MyApp, { 
     platforms: { 
      ios: { 
       backButtonText: 'Voltar' 
      } 
     } 
    }), 
], 
bootstrap: [IonicApp], 
entryComponents: [ 
    MyApp 
], 
providers: [ 
    StatusBar, 
    SplashScreen, 
    {provide: ErrorHandler, useClass: IonicErrorHandler} 
]})