html - 如何在Angular6 +中将样式应用于由html字符串生成的元素
问题描述
嗨,我生成了一个 html 字符串,并分配给 innerHtml。
html模板如下:
<div [innerHtml]="htmlContent"></div>
html字符串如下:
<table class="table table-bordered text-center">
<thead>
<tr>
<th style="text-align:center">Header 1</th>
<th style="text-align:center">Header 2</th>
<th style="text-align:center">Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td class="w-10">Cell 11</td>
<td style="text-align:center">Cell 12</td>
<td style="text-align:center">Cell 13</td>
</tr>
<tr>
<td style="text-align:center">Cell 21</td>
<td style="text-align:center">Cell 22</td>
<td style="text-align:center">Cell 23</td>
</tr>
<tr>
<td style="text-align:center">Cell 31</td>
<td style="text-align:center">Cell 32</td>
<td style="text-align:center">Cell 33</td>
</tr>
</tbody>
</table>
我想为一个元素添加类。scss 文件如下:
table .table {
td .w-10{
width: 10% !important;
}
td .w-15{
width: 15% !important;
}
td .w-20{
width: 15% !important;
}
}
但它不起作用。
解决方案
推荐阅读
- php - 使用 Codeigniter 从 PHP 执行 perl 脚本
- julia - Julia 微基准统计建议
- swift - 导航标题栏有故障,返回时显示灰色背景
- swift - 如何使用 Swift 检测静止图像中的圆圈?
- java - Gradle 缓存不适用于 GitLab-CI
- asp.net - asp.net api 从 MongoDB 返回 json
- ios-app-extension - 如何让 iOS 12 Notification Extension 自定义 UI Buttons 触发应用
- azure - 创建集合时如何从 Azure 门户创建分区键?
- python - 如何将字符串解析为不和谐的数据类型?
- r - R Shiny - 在侧边栏面板外显示静态文本