ngClass动态地将数字与数字数组进行比较 - Angular

Question

我有这样的事情：

[ngClass]="{className: singleNumber == arrayOfNumbers}

如何比较1 === [1,2,3,4]？如果我这样做，它可以工作：arrayOfNumbers [0]

Answer 1

为什么不让自己更容易，并在ts中进行比较并检查模板上的bool？

<强> HTML

[class.className]="isInArray"

<强> TS

arrayOfNumbers = [1,2,3,4];
//in some part where you want to trigger the check
foo(myNumber: number) {
  this.isInArray = this.arrayOfNumbers.indexOf(myNumber) !== -1
}

Answer 2

这是处理你情况的一种方法

[ngClass] =＆＃34; {className：arrayOfNumbers.includes（singleNumber）}

可以找到此功能的文档here