将数组添加到ngclass angular 2

发布时间：2020-12-17 07:10:00 所属栏目：安全来源：网络整理

导读：我试图添加一个类的数组到一行.我的问题是复制行.所以我的问题是如何通过[ngClass]内的箭头循环我的代码不起作用. .TS @Input() rowClasses = ['someClass1','someClass2'] HTML tablethead tr thsome head/th /tr/theadtbody tr class="striped-row" *ngFo

我试图添加一个类的数组到一行.我的问题是复制行.所以我的问题是如何通过[ngClass]内的箭头循环

我的代码不起作用.

.TS

@Input() rowClasses = ['someClass1','someClass2']

HTML

<table>
<thead>
    <tr>
      <th>some head</th>
   </tr>
</thead>
<tbody>
   <tr class="striped-row" *ngFor="class of rowClasses" [ngClass]="class"></tr>
</tbody>
</table>

解决方法

您不需要for循环,只需将数组直接分配给ngClass即可
示例：

[ngClass]="rowClasses"

要么

[ngClass]="['someClass1','someClass2']"

useful answere和
documentation

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!