我正在尝试从IFrame(我同时控制应用程序和Iframe)中引用父应用程序中的CSS文件。我的样式表是用SCSS编写的,然后在执行style
时看起来像是嵌入到文档<header>
中的ng serve
内联元素getOptionLabel
一样被编译为CSS并写入HTML中。
从IFrame中访问CSS的正确方法是什么?我的第一个想法是更改过程以输出实际的CSS文件,而不是内联编写CSS,但是我不确定该如何配置。也许我需要引入像Gulp这样的构建工具来为我自己解决这个问题,并将它从angular的手中拿走?
答案 0 :(得分:2)
iframe的内部和外部(出于大多数意图和目的)是独立的环境。应用于一个CSS不会影响另一个CSS的呈现。
由于iframe的内部是另一页,因此您可以将CSS应用于该页面,就像应用于任何页面一样。
答案 1 :(得分:0)
我们决定采用的解决方案是手动编译SCSS并引用IFrame的CSS输出。最终,该步骤应该是自动化的(使用Grunt或Gulp之类的工具),但是现在我们只是手动进行此操作。
欢迎任何更好的解决方案!