当使用角度材料表时,如何定义索引变量,因为此表中未使用ngFor.
我确实在文档中搜索了它,但索引没有被提到任何位置.
<mat-table #table [dataSource]="dataSource">
<!--- Note that these columns can be defined in any order.
The actual rendered columns are set as a property on the row definition" -->
<!-- Position Column -->
<ng-container matColumnDef="position">
<mat-header-cell *matHeaderCellDef> No. </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.position}} </mat-cell>
</ng-container>
<!-- Name Column -->
<ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef> Name </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.name}} </mat-cell>
</ng-container>
<!-- Weight Column -->
<ng-container matColumnDef="weight">
<mat-header-cell *matHeaderCellDef> Weight </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.weight}} </mat-cell>
</ng-container>
<!-- Symbol …Run Code Online (Sandbox Code Playgroud)我实际上是在重复一个 mat 输入字段,然后我编写了 [(ngModel)],其中数组中对象的属性名称作为 [(ngModel)] 的值
例如,这是我拥有的对象数组:
test = [{name: 'Harish'},{name: 'Pushpa'}]
Run Code Online (Sandbox Code Playgroud)
所以在 html 中我重复了这个数组,如下所示:
<mat-form-field class="example-full-width" *ngFor="let i of test">
<input matInput placeholder="Favorite food" [(ngModel)]='i.name' name='trtrtrtrt'>
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)
但它显示所有输入字段的值作为数组中最后一个元素的名称
这是我遇到的问题的工作原理。