Question

我在应用程序中使用Angular 5和Angular Material。我确实有一个[value] =“ documentFileVersion”的选择项。我的问题现在是如何在方法 createPreview（documentFile，documentFileVersion）处访问 documentFileVersion 。

<tr *ngFor="let documentFile of foundedDocumentFiles; index as i; let last = last">
    <td>
        <mat-form-field style="max-width:40px;">
           <mat-select>
               <mat-option *ngFor="let documentFileVersion of documentFile.documentFileVersions" [value]="documentFileVersion">
                           {{documentFileVersion.version.substr(8)}} - {{documentFileVersion.uploadTime}}
               </mat-option>
           </mat-select>
        </mat-form-field>
    </td>
    <td>
        <mat-icon class="icon-hover" (click)="createPreview(documentFile, documentFileVersion)">airplay</mat-icon>
    </td>

Answer 1

使用[(ngModel)]，您就可以在component.ts中使用它。

<div>
  <mat-select [(ngModel)]="selected">
        <mat-option *ngFor="let documentFileVersion of documentFile.documentFileVersions" [value]="documentFileVersion">
          {{documentFileVersion.version.substr(8)}} - {{documentFileVersion.uploadTime}}
        </mat-option>
  </mat-select>
</div>

并在方法内使用 this.selected

Angular 5-在方法中使用选定的选项

1 个答案: