Angular 中的 ngClass 2 未在 table 中呈现

Question

我目前的模板中有一个 <table>，需要在不同部分（行、单元格）应用样式，我正在从 css 文件中读取。当我只使用文件样式来设置 <td> 元素的样式时，一切工作正常，现在我想合并一个 class 来设置我的 table 的样式，但没有渲染，有人可以看？谢谢！

现在（不适用于 <table> 和 <tr>）：

    <div>

<table [ngClass] = "'component'"> <!-- width ="100px;"-->
<tr [ngClass] = "'row'">  <!-- width ="100px;" height = "6px;"-->

<td [ngClass] = "{'weak' : weak, 'neutral' : !weak}"></td>
<td [ngClass] = "{'moderate' : moderate,'neutral' : !moderate  }" ></td>
<td [ngClass] = "{'strong' : strong, 'neutral' : !strong }" ></td>
</tr>

</table>
</div>

当我使用它时它有效：

 <table width ="100px;">
    <tr width ="100px;" height = "6px>

更新（添加scss）：

.component{

    width : "6.250em";
    position: relative
}
.row{
     width : "6.250em";
     height : ".375em"

}

Answer 1

改为

<table [ngClass] = "{'component':true}"> <!-- width ="100px;"-->
      <tr [ngClass] = "{'row':true}">  <!-- width ="100px;" height = "6px;"-->

        ...
      </tr>

</table>

或

<table [class.component] = "true"> <!-- width ="100px;"-->
      <tr  [class.row] = "true">  <!-- width ="100px;" height = "6px;"-->

        ...
      </tr>

</table>

Angular 中的 ngClass 2 未在 table 中呈现

ngClass in Angular 2 not rendering in table

css

sass

ng-class

angular2-template

angular