由于没有ng-url
指令与@import
语句一起使用ng-src
的方式,我试图为此目的创建一个指令,代码就像这样
.directive('importCss',
function()
{
return {
restrict: 'E',
replace: true,
scope: { loadCss : '=' },
template:'<style>' +
' @import url("{{loadCss}}")' +
'</style>',
};
}
);
这个想法主要是创建这样的HTML:
<style>
@import url("http://url_to_css_in_parameter")
</style>
可能这是非常基本的东西,但发生的事情是在我的控制器中我有一些init
代码在将值赋值给分配给loadCss
参数的范围var之前运行。该值初始化为&#39;&#39;&#39;在控制器代码的开头。问题是请求服务器请求&#34; http://serverAddr/ {{loadCss}}&#34;在它使用应用于模板的值执行实际的正确请求之前。
这是错误请求的callstack(截图):
在编译之前渲染模板时有什么想法以及如何解决它?非常感谢。