如何将检索到的json数据传递给函数？

Question

我想将item.translatedText传递给read函数。

这是前端页面。

  <ion-card *ngFor="let item of items" >
    <ion-card-content>
      {{item.translatedText}}
      <ion-row>
      </ion-row>
      <button ion-button clear small icon-left color="primary" (click)="read()">
  <ion-icon name="musical-notes"></ion-icon>

这是后页。

async read() : Promise<any> {
  //Read the text from the model via TTS
  try {
    await this.tts.speak(this.translatedText);
  }
  catch (e) {
    console.log(e);
  }
}

Answer 1

听起来你可以直接将该值传递给read函数。以下是您如何做到这一点：

模板：

  <ion-card *ngFor="let item of items" >
    <ion-card-content>
      {{item.translatedText}}
      <ion-row>
      </ion-row>
      <button ion-button clear small icon-left color="primary" (click)="read(item.translatedText)">
  <ion-icon name="musical-notes"></ion-icon>

然后更新read方法以接受翻译后的文本作为参数：

async read(translatedText) : Promise<any> {
  //Read the text from the model via TTS
  try {
    await this.tts.speak(translatedText);
  }
  catch (e) {
    console.log(e);
  }
}