有没有一种方法可以将语音中的“文本”保存为文本离子语音识别

Question

我现在已经能够使用ionic框架文档在我的项目上实现离子语音识别（语音到文本），我希望能够使用任何表单输入，ngmodel或formcontrol保存文本或音频

我尝试使用将matchs变量绑定到分配给新变量的ng模型，但是没有用

startListening() {
    let options = {
      language: 'en-US',
      matches: 2,
      prompt: 'Say Something!'
    }
    this.speechRecognition.startListening(options).subscribe(matches => {
      this.matches = matches;
      this.cd.detectChanges();
    });
    this.isRecording = true;
  }


<ion-grid>
    <ion-row>
      <ion-col *ngIf="matches">
                <h3 *ngFor="let match of matches">
                  {{ match }}
                </h3>
                <ion-item>
                  <ion-input  type="text" [(ngModel)]="matches">
                  </ion-input>
                </ion-item>
      </ion-col>
    </ion-row>
 </ion-grid>

我希望能够看到输入中的文本，以便在保存到数据库之前可以选择编辑

Answer 1

你可以做这样的事情，

现在，您的语音文本结果将保存在matches变量中。

现在，让我们更改一下您的输入。 根据您的问题，我理解的是，您需要在输入字段中显示口头文字，然后如果该文字不正确或其他原因，则需要手动更改。

为此，您可以设置输入值以匹配。 执行此操作时，您的输入字段将显示匹配文本，但仍可编辑。 但是，你需要为该输入提供不同的[（ngModel）]变量，因为需要识别和跟踪改变的匹配值（ matches ）

<ion-input type="text" value="matches" [(ngModel)]="correctedMatches">

Answer 2

我解决了，终于用Angular trackBy解决了

 <ion-grid>
        <ion-row>
          <ion-col *ngIf="matches">
                    <h3 *ngFor="let match of matches; let i = index; trackBy:trackByInstance"">
                      {{ match }}
                    </h3>
                    <ion-item>
                      <ion-input  type="text" [(ngModel)]="matches[i]">
                      </ion-input>
                    </ion-item>
          </ion-col>
        </ion-row>
     </ion-grid>

 trackByInstance(index: any) {
    return index;