在 angular5 的 *ngFor 指令中动态添加类？答案

【问题标题】：Dynamically add classes inside *ngFor directive in angular5?在 angular5 的 *ngFor 指令中动态添加类？
【发布时间】：2018-09-08 07:44:03
【问题描述】：

我有以下几个类必须应用于*ngFor 中的 div，如下所示：

        <div class="row">
          <ng-container *ngFor="let item of tripTiles">
             <div class="col-lg-3 col-md-6">
                <div class="panel panel-primary">
                   ...
                </div>
             </div>
           <ng-container>
        </div>

我有 panel panel-primary、panel panel-green、panel panel-red 和 panel panel-yellow 这样的类，我该如何动态分配这些类。

我可以得到任何帮助或想法吗？..

【问题讨论】：

标签： angular5

【解决方案1】：

尝试在带有条件或变量的 div 中使用 [ngClass]，就像在这个答案中一样：

Dynamic classname inside ngClass in angular 2

例子：

<div [ngClass]="[type === 'primary' ? 'panel-primary' : '']">
    ...
</div>

【讨论】：