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

Question

我有几个必须应用于*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这样的课程，我如何动态分配这些类。

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

Answer 1

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

Dynamic classname inside ngClass in angular 2

示例：

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