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