Html span元素上的动态css类-angular 7

我在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>

{{column.name}
{{row[column.value]}

在上述情况下，我需要根据条件申请课程

 <span [ngClass]="{'label label-primary': row[column.value] === 'Complete', 'label label-warning': row[column.value] === 'Processing' }"

---

似乎已从
标签
更改为
徽章

文档


黑客演示

hear类无法加载您现在可以看到Alex BiroSorry，这可能是我的问题，但我仍然不理解hear这个词。尝试从控制台复制错误，或者截屏它。应用到元素的css类是什么？没有一个或者它们被应用和覆盖了吗？你能分享你的表格html代码吗？是的，它可以工作，但所有行数据都用粗体文本获取。。我不希望这样显示…使用如下类删除字体权重
.fw default{font-weight:inherit！important；}
或.fw default{font-weight:unset！important；}新示例一切都很完美。。但问题是使用css字体样式不同于其他网格页面。。你能为所有页面提供相同的建议吗..我怎么能克服这个问题呢？在css类中设置
字体权重：400！重要的而不是
字体重量：继承！重要的
看看打断上面屏幕的助手是否不同，你能看看我是否改变了你所说的内容，但没有区别。。