以下所有代码的演示地址:
戳这里 => demo展示
组件样式独立
组件之间的样式并不互相影响,也就是说,在A组件编写的样式不会渲染到B组件。
app.component.html
@Component({
selector: 'my-app',
template: `
<h1>我是父组件的h1</h1>
<detail></detail>
`,
styles:[`
h1{ color:red; }
`]
})
detail.component.html
@Component({
selector: