如何在Angular 5.2的IFrame中引用CSS(从SCSS编译)?

时间:2019-02-06 17:32:53

标签: html css angular iframe sass

我正在尝试从IFrame(我同时控制应用程序和Iframe)中引用父应用程序中的CSS文件。我的样式表是用SCSS编写的,然后在执行style时看起来像是嵌入到文档<header>中的ng serve内联元素getOptionLabel一样被编译为CSS并写入HTML中。

从IFrame中访问CSS的正确方法是什么?我的第一个想法是更改过程以输出实际的CSS文件,而不是内联编写CSS,但是我不确定该如何配置。也许我需要引入像Gulp这样的构建工具来为我自己解决这个问题,并将它从angular的手中拿走?

2 个答案:

答案 0 :(得分:2)

iframe的内部和外部(出于大多数意图和目的)是独立的环境。应用于一个CSS不会影响另一个CSS的呈现。

由于iframe的内部是另一页,因此您可以将CSS应用于该页面,就像应用于任何页面一样。

答案 1 :(得分:0)

我们决定采用的解决方案是手动编译SCSS并引用IFrame的CSS输出。最终,该步骤应该是自动化的(使用Grunt或Gulp之类的工具),但是现在我们只是手动进行此操作。

欢迎任何更好的解决方案!