【发布时间】：2020-09-14 04:35:31
【问题描述】：
我在 ngx 数据表中有一个 span 元素。我想根据值动态更改css类。
这是我的 html 代码：
<ngx-datatable #orderinvoice class="bootstrap" [rows]="invoiceSource" [headerHeight]="50" [footerHeight]="50"
[rowHeight]="'45'" [scrollbarH]="true" [columnMode]="'force'" [limit]="limit"
[sorts]="[{prop: 'sNo', dir: 'asc'}]">
<ngx-datatable-column *ngFor="let column of displayColumns" [name]="column.name">
<ng-template let-column="column" ngx-datatable-header-template>
<span>{{column.name}}</span>
</ng-template>
<ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value" let-row="row">
<span [ngClass]="{'label label-primary': row[column.value] === 'Complete', 'label label-warning':row[column.value] === 'Processing' }"
*ngIf="column.name !== 'Actions'">{{row[column.value]}}</span>
<span *ngIf="column.name === 'Actions'">
<button class="btn btn-success mr-1 btn-fab" placement="top"
data-controls-modal="custom-modal-2" data-toggle="modal" data-backdrop="static"
data-keyboard="false" ngbTooltip="View" (click)="SerachInvoice(row , 'custom-modal-2')">
<i class="ft-eye"></i>
</button>
<button class="btn btn-primary mr-1 btn-fab" placement="top" ngbTooltip="Edit"
[disabled]="financeYear" (click)="edit(row)">
<i class="ft-edit"></i>
</button>
<button class="btn btn-warning mr-1 btn-fab" placement="top" ngbTooltip="Print"
(click)="SerachInvoice(row,'printSection')">
<i class="fa fa-paper-plane-o"></i>
</button>
</span>
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
在上面我需要根据条件申请类
<span [ngClass]="{'label label-primary': row[column.value] === 'Complete', 'label label-warning': row[column.value] === 'Processing' }"
听说上课成绩无法得到，请问是什么原因？？
【问题讨论】：
-
听到类无法加载
-
你现在能看到 Alex Biro
-
抱歉，可能是我的问题，但在这种情况下，我还是不明白 hear 这个词。尝试从控制台复制错误，或截屏。
-
你的元素应用了哪些css类？没有？或者它们是否被应用和覆盖
-
你能分享你的表格html代码吗？