在我的六角形应用程序里。我已经创建了许多组件。对于显示数据,我使用了ng2-smart-table
。
我有一些特殊的要求隐藏默认分页栏。并显示自定义分页。
为此,我刚刚在组件的SCSS文件中设置了css。
::ng-deep .ng2-smart-pagination-nav {
display: none
}
但这也会影响到所有其他组件。
直到我知道和RND,在角度上,我们使用每个组件有他们的每个scss文件。那么,我的问题是,为什么这个css也影响到所有其他组件?如何防止这一问题的发生?
发布于 2018-09-12 07:05:11
/deep/ combinator工作于嵌套组件的任意深度,它同时适用于组件的视图子级和内容子级。
使用
:主机使用:host伪类选择器在承载组件的元素中以样式为目标(而不是针对组件模板中的元素)。
:host ::ng-deep .ng2-smart-pagination-nav {
display: none
}
https://stackoverflow.com/questions/52288910
复制相似问题