小编pus*_*tel的帖子

如何在角材料表中定义索引

当使用角度材料表时,如何定义索引变量,因为此表中未使用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)

typescript angular-material2 angular

41
推荐指数
5
解决办法
3万
查看次数

当输入字段重复且重复数组对象内的属性用于 [(ngModel)] 时,ngModel 不起作用

我实际上是在重复一个 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)

但它显示所有输入字段的值作为数组中最后一个元素的名称

这是我遇到的问题的工作原理。

angular-material2 angular

5
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular ×2

angular-material2 ×2

typescript ×1