Javascript 有没有办法根据文本更改igx网格单元的文本颜色

我在angular中第一次使用ignite ui。我面临一些问题。基本上，我已经为ignite ui网格创建了库并使用它。我想根据我在网格列中传递的文本（在第二个对象中使用属性

textColorChange

和

textColor

）来更改特定网格单元格文本的颜色

上面的对象表示，在列

QuantityPerUnit

中，如果我找到

Success

关键字，则将文本颜色更改为绿色，对于

Failure

关键字或任何关键字也是如此

这是我试过的：

html

.scss

但是我得到了错误

core.js:4352错误类型错误：无法读取未定义的属性“columns”

这是正确的方法吗？或者有没有其他方法来实现这一点

我利用了这个stackblitz

接受对象文字，包含键值对。键是CSS类的名称，而值是返回布尔值的回调函数或布尔值。请注意第三个参数-它是单元格值。在您的情况下，如果是

success

，您应该返回

true

，不是吗

您在

successTextColorCondition

中执行的操作是：

private successTextColorCondition(rowData: any, columnKey: any): boolean {
    return rowData[columnKey] === this.columns.forEach((text) => {
        text.textColor['text']
    })
}

this.columns.forEach

将始终返回

undefined

，并且永远不会应用该类

实际上，一旦您达到

成功TextColorCondition

，您就可以确定此列的

textColorChange

为

true

，并且您有

rowData

、

columnKey

、

cellValue

和

rowIndex

作为参数提供。您可以根据单元格值检查单元格是否成功。大概是这样的：

private downFontCondition = (rowData: any, columnKey: any, cellValue): boolean => {
    return cellValue === 'Success'; // you may change condition here
}

同时查看您提供的代码，我看不出在列对象中提供

textColor

的理由

private successTextColorCondition(rowData: any, columnKey: any): boolean {
    return rowData[columnKey] === this.columns.forEach((text) => {
      text.textColor['text']
    })
  }
  private failureTextColorCondition(rowData: any, columnKey: any): boolean{
    return rowData[columnKey] === 'Failure'
  }
  textColorChangeClasses = {
    successText: this.successTextColorCondition
  };

.successText {
   color: $success-text-color
}

private successTextColorCondition(rowData: any, columnKey: any): boolean {
    return rowData[columnKey] === this.columns.forEach((text) => {
        text.textColor['text']
    })
}

private downFontCondition = (rowData: any, columnKey: any, cellValue): boolean => {
    return cellValue === 'Success'; // you may change condition here
}