如何使用angular 2在子页面中使用父样式URL？

有没有办法在子页面中使用父附加的CSS文件

ul[_ngcontent-yny-2]

在我的页面布局中，我有：

@Component({
    styleUrls: [
        "../assets/css/bootstrap.min.css",
        "../assets/css/font-awesome.min.css",
        "../assets/css/theme.min.css"],
    templateUrl: "_layout.html"
})

In_layout.html

<router-outlet>
</router-outlet>

用于子页面

ul[_ngcontent-yny-2]

如所附屏幕截图所示

应用程序和布局页面的路由配置如下所示

export const appRoutes: Routes = [
    {
        path: "", component: PageLayoutComponent
    },
    {
        path: "", component: PageLayoutComponent, children: PageRoutes
    }
]

export const PageRoutes: Routes = [
    {
        path: "", component: LandingComponent
    },
    {
        path: "landing", component: LandingComponent
    }
]

---

因此，您希望能够使用全局css样式。在这种情况下，删除角度视图封装，在涉及的组件中添加下一行：

@Component({
// ...
encapsulation: ViewEncapsulation.None,
styles: [
  // ...
]
})

---

因此，您希望能够使用全局css样式。在这种情况下，删除角度视图封装，在涉及的组件中添加下一行：

@Component({
// ...
encapsulation: ViewEncapsulation.None,
styles: [
  // ...
]
})

---

如果您想在整个应用程序中使用这些样式，您应该考虑将它们插入到ang-cli.jsfile中的样式数组中，而不是将组件插入到StursLURL中，另一个选项是将封装设置为VIEW封装。但是我有三个不同的布局，每个布局都有不同的样式URL。还尝试了ViewEncapsulation。在子TS文件中没有相同的内容，但它不起作用。您正在查找类似的内容。这里的组件有一个婚前子女关系，我觉得这是你想要的@Rahul，我不想修改。我已经设置了三个DIF-CSS文件用于三个DIFF布局，并且我想使用那些文件布局规范，如果您想为整个应用程序使用这些样式，则应该考虑将它们插入到ang-cli.jSON文件中的样式数组中，而不是组件StursLURL中，另一个选项是将封装设置为ViewEncapsulation.None。查看这篇文章，也许这对你有帮助：谢谢@Emerson，但我有三个不同的布局，每个布局都有不同的样式URL。还尝试了ViewEncapsulation。在子TS文件中没有相同的内容，但它不起作用。您正在查找类似的内容。这里的组件有一个婚前子女关系，我觉得这是你想要的@Rahul，我不想修改。我已经为三个不同的布局设置了三个不同的CSS文件，我想使用那些特定于布局的文件