【问题标题】: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-primarypanel panel-greenpanel panel-redpanel panel-yellow 这样的类,我该如何动态分配这些类。

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

【问题讨论】:

    标签: angular5


    【解决方案1】:

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

    Dynamic classname inside ngClass in angular 2

    例子:

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

    【讨论】:

      猜你喜欢
      • 2019-06-23
      • 1970-01-01
      • 2018-01-06
      • 1970-01-01
      • 1970-01-01
      • 2013-04-22
      • 1970-01-01
      • 2018-04-30
      • 1970-01-01
      相关资源
      最近更新 更多