angular2 attr.class中的意外函数触发器

Question

我有一个函数来根据值返回类名。要检查函数调用次数，请添加计数器和控制台日志。

  

TS

   count: number = 0;
   myColDiv(month) {
        this.count++;
        console.log('Start',this.count);
        return "col-"+month;
    }

  

HTML

<div [attr.class]="myColDiv(month)"></div> 

打电话太多次了 计数器值也超过100也在页面点击触发此功能并增加计数器，不知道该功能如何触发。

<div (click)="myColDiv(month)"></div> 

仅在单击div时选中仅单击触发器。 在我的应用程序中也使用了primeng组件。

Answer 1

这不是你如何为一个元素分配一个类。

更改myColDiv方法的逻辑，将结果保存在控制器中的this.myColDivClass上。之后，将您要应用该课程的div更改为以下内容：

<div [ngClass]="[myColDivClass]"></div>