Question

如何为特定的路线定义特定的css，js文件？

angular.json：

... ],
"styles": [
  "src/styles.css"
],
"scripts": [
  "src/app.min.js"
] ...

所有css或js文件均适用于所有路由！

我想定义特定的css，js文件，以特定的角度在路由？

Answer 1

一条路线会将您带到一个特定的组件，因此，如果您为该组件定义了特定的css文件，那么您将能够有效地为特定的路线具有特定的样式。

@Component({
    stylesUrls: ['path-to-specific-css-file']
})

在这里查看文档：{{3}} 用于在组件中定义样式。

编辑：在定义组件的ts / js文件中，您可以为组件及其可能具有的所有子代添加特定的脚本。

Answer 2

转到参加您的路线的同行。

将其封装策略更改为NONE：

import { ViewEncapsulation } from '@angular/core';

@Component({
  selector: 'my-component',
  templateUrl: './my.component.html',
  styleUrls: ['./my-style'],
  encapsulation: ViewEncapsulation.None,
})

该组件的CSS中定义的所有样式都会影响到任何子组件。

如何为特定路由定义特定的CSS，JS文件？

2 个答案: