如何将检索到的 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

听起来你可以简单地将该值直接传递给读取函数。以下是您可以做到这一点的方法：

模板：

  <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);
  }
}