javascript - 如何添加外部 CSS 文件 - styleUrls - Angular 5 组件

Question

我在另一个父应用程序的子目录中有一个 Angular 5 应用程序。

父应用是一套JSP，还有其他angularJs应用……等等

我想做的是将这个父应用程序中的 CSS 文件包含到 Angular 5 应用程序的组件中。

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: [....] //Here
})

这可能吗？

我看了这个问题:Load external css style into Angular 2 Component已经问过了，但它不符合我的情况。

谢谢你的帮助

Answer 1

尝试以下操作:

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['my-form.css']
})

您的文件将是一个 SCSS 文件:myform.scss。

然后你可以像这样导入一个外部css文件:

@import "my-external-stylesheet.css"; // this on the top of `my-form.scss`