Question

我已经设计了Ionic 3模态。现在我想显示一些消息（Hello Modal）。如何在模态中显示消息？下面是我的openModal代码。

total1: number = 0
total2: number = 0
total3: number = 0
total4: number = 0
total5: number = 0
total6: number = 0
total7: number = 0
total8: number = 0
checkedCount: number = 0

calculateProfile() {

this.afAuth.authState.take(1).subscribe(data => {
  if (data && data.email && data.uid) {

    var userRef = firebase.database().ref('/profile').child(data.uid)

    for (let i = 1; i < 10; i++) { // Loop all the 1st paths in Firebase
      for (let j = 1; j < 5; j++) { // Loop all the 2nd paths in Firebase
        userRef.child('/unit').child('' + (i)).child('/lesson').child('' + (j))
          .on('value', snap => {

              ++this.checkedCount //count every path for division 
              this.total1 += snap.val().count1
              this.total2 += snap.val().count2
              this.total3 += snap.val().count3
              this.total4 += snap.val().count4
              this.total5 += snap.val().count5
              this.total6 += snap.val().count6
              this.total7 += snap.val().count7
              this.total8 += snap.val().count8
            }//End if
          })//End on
      }
    }
    this.total1 = (this.total1 / this.checkedCount)
    this.total2 = (this.total2 / this.checkedCount)
    this.total3 = (this.total3 / this.checkedCount)
    this.total4 = (this.total4 / this.checkedCount)
    this.total5 = (this.total5 / this.checkedCount)
    this.total6 = (this.total6 / this.checkedCount)
    this.total7 = (this.total7 / this.checkedCount)
    this.total8 = (this.total8 / this.checkedCount)
  }
})
}

我想使用翻译显示消息。在我的例子中，消息将在en.json文件中设置，从那里我需要在HTML文件中调用该消息。这就是我被困住的地方。

在离子1中，我有类似的东西，

openModal() {
    const myModal = this.modal.create('ModalPage');
    myModal.present();
}

我将在我的HTML中调用$translate(['USER_DATA']).then(function(translations) { vm.userData=translations.USER_DATA; }，它将以模态显示消息。如何在ionic 3中实现相同的翻译代码

Answer 1

就这么简单。

import {TranslateService} from '@ngx-translate/core';
...
constructor(private translate : TranslateService) 
...
this.translate.setDefaultLang('en');

这只是一个概述。请仔细阅读link以获得更好的主意。

他们已经清楚地解释了放置en.json文件的位置以及如何使用它。

快乐编码。

Answer 2

this.translate.get('here your message u want to translate').subscribe(res => {          
     const myModal = this.modal.create('ModalPage',res);
     myModal.present();
})

在modalpage中，通过＆＃39; params.data（）＆＃39;获取已翻译的消息。并按需要显示

离子3模态显示消息

2 个答案: