form.component.html 1.54 KB
<div class="model-content">
  <!-- <div class="border" style=" width: 520px; height: 120px;">
    <span style="height: 30px; font-size: 18px;">单词音频:</span>
    <br>
    <app-audio-recorder [audioUrl]=" item.audio" (audioUploaded)="onAudioUploadSuccess($event)">
    </app-audio-recorder>
  </div>
  <div class="border" style="width: 520px;">
    <span style="height: 30px; font-size: 18px;">正确字母:</span>
    <div>
      <div *ngFor="let rightWord of item.rightWordList; let i = index">
        <div style="padding: 2px;">
          <input style="width: 150px;float: left;" type="text" nz-input [(ngModel)]="rightWord.word" (blur)="save()">
          <app-audio-recorder style="float: left;" [audioUrl]="rightWord.audio"
            (audioUploaded)="onRightAudioUploadSuccess($event, i)">
          </app-audio-recorder>
          <button style="float: right; margin-left: 10px; height: 32px; color: red;" nz-button nzType="dashed"
            class="add-btn" (click)="removeRightWord(i)">
            <i nz-icon nzType="minus-circle" nzTheme="outline"></i>
            删除字母
          </button>
        </div>
        <br> <br>
      </div>
    </div>
    <div *ngIf="(item.rightWordList.length +item.wrongWordList.length < 5)">
      <button style="margin-left: 2px; margin-top: 2px; height: 32px;" nz-button nzType="dashed" class="add-btn"
        (click)="addRightWord()">
        <i nz-icon nzType="plus-circle" nzTheme="outline"></i>
        添加<span style="color: #44bb44;">正确</span>的字母
      </button>
    </div>
  </div>
 -->

</div>