我在Angular2项目中使用Swiper轮播。用Webpack构建它。
众所周知,Angular2会附加组件中的所有元素,如_ngcontent-pmm-6
。
Swiper动态创建分页元素(点,项目符号,按照你想要的方式调用它们)。据我所知,这发生在Angular之外。因此,这些元素没有那些时髦的属性,Angular不了解它们。
现在问题:当Angular处理组件的css(通过styleUrls
添加)时,它将此属性添加到css选择器
.swiper-pagination-bullet { ... }
成为
.swiper-pagination-bullet[_ngcontent-pmm-6] { ... }
但是分页是在Angular之外呈现的,而新元素没有这个属性,所以样式不起作用。
如何通知Angular2有关在Angular之外创建的元素?
https://angular.io/docs/ts/latest/guide/component-styles.html#!#inspect-generated-css