Question

所以在我的* ngfor循环中我有这个

sudo dpkg --remove --force-remove-reinstreq python-cairo
sudo apt-get install python-cairo

其中[ngClass]="{'first':isStartDate(event,day)}"是我的组件中的一个函数。

错误抛出

＆＃34;意外的令牌：＆＃34;

可以在这里使用功能吗？

Answer 1

ifStartDate函数仅返回布尔值

[class.first]="ifStartDate(event,day)"

Answer 2

你也可以给动态类如下：

[ngClass]="ifStartDate(event,day) ? 'first' : ''"

Answer 3

实施它的最佳方式：

<div [ngClass]="ifStartDate(event,day)">
</div>

ifStartDate(event, day) {
    let cssClasses;

    if(some condition) {  
      cssClasses = {
       'first': true
      } 
    } else {  
      cssClasses = {
       'second': true,
       'third': true 
      } 
    }

    return cssClasses;
}

通过这种方式，您还可以根据某些条件在div上应用多个类。

Answer 4

您可以在ngClass中使用表达式

[ngClass]="'{first:'+ifStartDate(event,day)+'}'"

Answer 5

是的，您绝对可以使用ngClass

中的功能

[ngClass]="{first: isStartDate(event,day)}"

我可以使用函数来计算角度2中的[ngClass]条件语句

5 个答案: