Angular2 styleUrls不加载外部样式

isw*_*wak 3 angular

在angular2应用程序上工作,希望能够为公共内容和管理内容加载不同的样式.然而,似乎Angular忽略从外部源加载的样式

@Component({styleUrls:["http://url_to_external_styles"]})
Run Code Online (Sandbox Code Playgroud)

上面的代码没有按预期工作,是否需要使用完整URL从外部源加载样式的任何其他配置?加载相对于组件的样式100%,但是对从内容服务器加载更感兴趣.

smi*_*gle 6

您需要禁用组件的视图封装:

@Component({
    styleUrls:["http://url_to_external_styles"],
    encapsulation: ViewEncapsulation.None
})
Run Code Online (Sandbox Code Playgroud)

https://angular.io/docs/ts/latest/guide/component-styles.html#!#view-encapsulation

  • 尝试了这个建议,但仍然遇到编译错误:找不到模块:错误:无法解析'./https://my.external.css."我从angular/core导入了ViewEncapsulation并添加了封装:ViewEncapsulation.None to @Component指令.想法? (2认同)