[英]How to add external CSS files - styleUrls - Angular 5 component
我在另一个父应用程序的子目录中有一个Angular 5应用程序。
父应用程序是一组JSP,以及其他angularJs应用程序......等。
我要做的是将来自此父应用程序的CSS文件包含到Angular 5应用程序的一个组件中。
@Component({ selector: 'app-my-form', templateUrl: './my-form.component.html', styleUrls: [....] //Here })
可能吗 ?
我看了这个问题:将外部css样式加载到已经问过的Angular 2 Component中 ,但它与我的情况不符。
谢谢你的帮助
请尝试以下方法:
@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`
在子应用程序的.angular-cli.json
文件中,查找应用程序的styles属性。 在那里添加父CSS的路径。
以下是JSON配置的示例。
"apps": [
{
"styles": [
"../../../../apec-template-bootstrap-responsive/src/main/resources/css/old-apec.css",
"styles.css"
],
}
],
这应该为您的孩子申请从父母那里获得您需要的任何风格。
你的styleUrls可以是默认的:
styleUrls: './my-form.component.css'
在my-form.component.css中,您可以导入所需的CSS文件:
@import ".../component.css";
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.