Javascript angular4自定义单元样式的ag网格

你好！ 我正在寻找角4的网格组件。。。经过一番搜寻，我被发现了。 创建示例应用程序后，我在以下任务中遇到一些问题： -在单元格中，用户可以从选择（下拉）中选择值，在此之后，单元格必须根据所选值更改样式。 我正在用网格创建组件，组件有自己的html和css文件。在css文件中，我为每个单元格状态设置了类：

.entry-option1 {
    background-color: transparent;
}
.entry-option2 {
    background-color: #32CD32;
}

在列的组件中，我放入定义：

this.columnDefs.push(
{ 
    headerName: 'Options',
    field: 'select',
    editable: true,
    cellEditor: 'select', 
    cellEditorParams: {
        values:[1, 2]
    }, 
    cellClass: (params:any) => {
        let className = this.getClassName(parseInt(params.value));
        return className;
    }
});

这个getClassName：

private getClassForCalendarEntry(value: number): string {
switch (type) {
    case 1:
        return 'entry-option1';

    case 2:
        return 'entry-option2';
    }

    return "";
}

但这是行不通的：更改值后，将正确的类名应用于对应的DOM元素，但将组件css注入带有属性过滤的结果html（即entry-option1[\u ng-component1]），但alement没有此属性，因此样式不应用

---

我不想将样式提取到全局样式，但我看不到解决此问题的其他方法。。。有人能帮我吗？

我也有同样的问题，

：ng deep

为我工作。需要访问组件中不存在或在其他组件中创建的DOM元素

::ng-deep .entry-option1 {
    background-color: transparent;
}

---

我也有同样的问题，

：ng deep

对我有效。需要访问组件中不存在或在其他组件中创建的DOM元素

::ng-deep .entry-option1 {
    background-color: transparent;
}

---

你找到答案了吗？你找到答案了吗？