ngClass 动态比较数字与数字数组 - Angular

Question

我有这样的东西：

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

如何比较 1 === [1,2,3,4]？如果我这样做它会起作用：arrayOfNumbers[0]

Answer 1

为什么不让自己更轻松一些，在 ts 中进行比较并检查模板上的布尔值？

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] ="{ className : arrayOfNumbers.includes(singleNumber) }

可以找到该函数的文档here

ngClass 动态比较数字与数字数组 - Angular

ngClass compare number with array of numbers dynamically - Angular

angular

typescript

ng-class