相关疑难解决方法(0)

用什么代替:: ng-deep

我正在尝试将路由器出口放置的元素设置为有角度,并且要确保生成的元素的宽度为100%

从大多数回复中,我看到我应该使用::ng-deep选择器,但是从Angular的文档中它被弃用了.有替代品::ng-deep吗?

html css angular

53
推荐指数
4
解决办法
2万
查看次数

ngx-datatable rowClass不起作用

正如我所看到的那样,这个问题可能已经有了答案,这对我解决问题没有帮助.我的问题是ngx-datatable中的rowClass对我不起作用.

数据表代码 - test.component.html

<ngx-datatable class="material" 
            [rows]="rows" 
            [columnMode]="'force'" 
            [reorderable]="reorderable"
            [rowClass]="getRowClass"
            (activate)="onActivate($event)">
            <ngx-datatable-column name="Cabinet Name" [flexGrow]="1">
                <ng-template let-row="row" ngx-datatable-cell-template>
                    <mat-icon class='folder-color'>folder</mat-icon>
                    {{ row?.cabinetname }}
                </ng-template>
            </ngx-datatable-column>
</ngx-datatable>
Run Code Online (Sandbox Code Playgroud)

TS代码 - test.component.ts

getRowClass = (row) => {
   return {
     'row-color': true
   };
}
Run Code Online (Sandbox Code Playgroud)

SCSS代码 - test.component.scss

.row-color {
    background-color: green;
}
Run Code Online (Sandbox Code Playgroud)

在chrome开发人员工具中,它显示添加的行颜色类,但行不是绿色作为背景颜色.我不知道上面的代码有什么问题.请指导我解决问题的正确方法.

注意:我正在开发Angular 5

angular-material ngx-datatable angular

6
推荐指数
1
解决办法
5542
查看次数

标签 统计

angular ×2

angular-material ×1

css ×1

html ×1

ngx-datatable ×1