在Angular 10中,你可以通过以下步骤以最佳方式添加自定义CSS URL:
angular.json
文件的styles
数组中添加自定义CSS URL。这将确保CSS文件在应用加载时被引入。"styles": [
"src/styles.css",
"https://example.com/custom.css"
]
ViewEncapsulation.None
关闭组件的样式封装,以确保自定义CSS能够应用到该组件。import { Component, ViewEncapsulation } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css'],
encapsulation: ViewEncapsulation.None
})
export class ExampleComponent {
// 组件代码...
}
这样,你就可以在Angular 10应用中按照最佳方式添加自定义CSS URL了。请确保自定义的CSS文件可以在网络上访问,并且遵循Angular的样式规则。