angular 检查 matCellDef 循环中的列

Question

我们如何检查 angular 中 ng for 循环中的列？例如，我不想应用下面的逻辑 {{element[p.key] != null ？ '$' : ''}} 到第 1 列或排除第 1 列

enter image description here

#html代码

<table mat-table [dataSource]="bovDemos" class="mat-elevation-z0">
                    <ng-container  *ngFor="let p of marketDemographicsTableLabel; last as l" matColumnDef="{{p.key}}">
                      <th mat-header-cell *matHeaderCellDef class="fs-12px">{{p.label}}</th>
                      <ng-container >
                        <td  mat-cell *matCellDef="let element; index as i"
                        [ngClass]="{'border-none': i === bovDemos.length - 1}" class="fs-12px">
                        {{element[p.key] != null ? '$' : ''}}{{(element[p.key]) ? (element[p.key] | number): '-'}}</td>
                      </ng-container>
                    </ng-container>
                    <tr mat-header-row *matHeaderRowDef="tableMarketDemographicsHeaders"></tr>
                    <tr mat-row *matRowDef="let row; columns: tableMarketDemographicsHeaders;" class="cursor-default">
                    </tr>
                  </table>

Answer 1

您设置了“index as i”，因此您可以使用“i”来检测第一个td。

<span *ngIf="i===0">
   ..this is first column
 </span>
<span *ngIf="i!==0">
{{element[p.key] != null ? '$' : ''}}{{(element[p.key]) ? (element[p.key] | number): '-'}}
</span>

angular 检查 matCellDef 循环中的列

angular check column in matCellDef loop

javascript

typescript

angular-material

angular