angular - 角度のag-gridセルにカスタムcssクラスを適用するには?

Question

ロジックに基づいて、angular の ag-grid のセルに css を適用できません。オブジェクトをグリッドに割り当てました。しかし、そのフィールドに Object.hours 値を割り当てており、Object.status プロパティに基づいてロジックを適用する必要があります。

ここに記載されているように、公式ドキュメントを使用して現在のセル値でCSSを適用できますhttps://www.ag-grid.com/javascript-grid-cell-styles/#cell-style-cell-class-cell-class-rules -params . しかし、親 Object.status に基づいて適用する必要があります

//Object i am using in ag-grid
this.timeSheet = {
 projectName: 'HRMS',
 mon: {
  hoursWorked: 6,
  status: 'Submitted'
 },
 tue: {
  hoursWorked: 6,
  status: 'Submitted'
 }
}

//Working code
this.columnDefs = [
  {headerName: 'Project', field: 'projectName'},
  {headerName: 'MON ', field: 'mon.hoursWorked', cellClassRules: {
     'text-danger': 'x == 6'}},
];

上記のコードは機能しており、テキスト危険クラスが個々のセルに割り当てられています

//I need it to work like that
this.columnDefs = [
   {headerName: 'Project', field: 'projectName'},
   {headerName: 'MON ', field: 'mon.hoursWorked', cellClassRules: {
     'text-danger': 'mon.status == `Submitted'}}, 
 ];

'text-danger' のヘルプが必要です: 'mon.status == `Submitted' 行はそのようには機能していません