angular4不同component之间同名class为什么会互相影响

Question

如题

前段时间手贱更新了一次angular的版本，更新过后发现，如果组件a和组件b的样式文件中都声明一个类'foo',但是'foo'中的样式是完全不同的，从a页面进到b的页面后，'foo'的样式被从a带进了b，并把b本身的foo类改写了

可是我记得angular4中不是component之间的类名是相互隔离的吗？而且在之前做的时候也没发现这个问题，在更新angular的时候一直报node-sass安装失败，然后用cnpm重新安装了node-sass之后，这个问题依然存在，现在一脸蒙逼不知道该如何处理，有没有大佬遇到过类似的问题，求教

Answer 1

可以在你需要隔离样式的组件的元数据对象上添加这个视图封装配置项encapsulation: ViewEncapsulation.Native就好了