Angular2样式封装不起作用

Angular2样式封装不起作用,angular,sass,Angular,Sass,关于ng2我最喜欢的一个特性是,在使用大型应用程序时,应该注意应用程序中不同组件之间的样式不应该冲突 然而,在我们的应用程序中,它不能正常工作。以下是我们创建组件的方式示例: @Component({ selector: 'component-name', template: require('./componentName.html'), styles: [require('./componentName.scss').toString()], provider

关于
ng2
我最喜欢的一个特性是,在使用大型应用程序时,应该注意应用程序中不同组件之间的样式不应该冲突

然而,在我们的应用程序中,它不能正常工作。以下是我们创建组件的方式示例:

@Component({
    selector: 'component-name',
    template: require('./componentName.html'),
    styles: [require('./componentName.scss').toString()],
    providers: [...]
})
应用程序中存在样式冲突,这导致必须为每个组件命名scss文件的名称空间:

component-name {
    a { }
    p { }
    ...
}
是否有关于如何实例化组件的问题我们做得不正确


谢谢

你把你的SCS编译成CSS了吗?如果真的是这样,那就是一个bug,除非你使用封装:
viewenclosuration.None