我在angular 7应用程序上工作,我需要将红色字体应用于数据内容主体到'columnname ='onlineurl'。
但是我不知道该怎么做?
我动态显示数据,表示下面没有固定的列或数据和代码,没有任何问题。
我主要需要的是columnname='onlineurl'
使内容主体数据的字体颜色为红色。
我的代码如下ts上的数据源如下:
this._displayreport.GetReportDetailsPaging(this.searchData).subscribe((data: any[]) => {
this.reportdetailslist = data;
this.headerCols = Object.keys(data[0]);
data.forEach((item) =>{
let values = Object.keys(item).map((key)=> item[key])
this.contentBody.push(values);
});
});
要获取没有数据的标头,请按以下步骤操作:
<thead style="width: max-content">
<tr>
<th *ngFor="let coln of headerCols">
{{coln}}
</th>
</tr>
</tr>
</thead>
要获取没有标题的内容数据,我要这样做
<tr *ngFor="let rep of contentBody">
<td *ngFor="let r1 of rep"><span>{{r1}}</span></td>
<td
</tr>
Result Returned
ReportId onlineurl reportdate
1222 localhost:5000/ 12-12-2018
1255 localhost:7000/ 12-01-2019
1230 localhost:9000/ 12-12-2020
您可以尝试使用ngClass
有条件地添加类,如下所示:
<td *ngFor="let r1 of rep">
<span [ngClass]="{'text-red': r1.columnname=='onlineurl'}">{{r1}}</span>
</td>
然后使用CSS来应用颜色:
.text-red{
color:red;
}