Angular2 Style封装不起作用

Question

我最喜欢ng2的一个功能是，在使用较大的应用程序时，should be guaranteed样式不应该在应用程序中的不同组件之间发生冲突。

但是，在我们的应用程序中，它无法正常工作。以下是我们创建它们的示例组件：

@Component({
    selector: 'component-name',
    template: require('./componentName.html'),
    styles: [require('./componentName.scss').toString()],
    providers: [...]
})

应用程序中存在样式冲突，导致必须为每个组件命名scss文件：

component-name {
    a { }
    p { }
    ...
}

是否存在关于如何实例化我们错误的组件的事情？

谢谢！