AngularJS - css 文件中的参数

Question

我目前正在从自定义框架迁移到 Angular。由于我们有遗留，所有前端资源(如样式表、图像和脚本)都应该位于子域中，并且所有 url 都应该是绝对的。我有一堆带有指定静态域的参数的 css 文件。我正在寻找一种在 css 中使用参数的原生 Angular 方法，所以我可以这样写:

.body {background: "{{domain}}/img/bg.png";}

目前在我们的框架中，样式是用 $http.get() 加载的，然后用 .replace 处理，然后附加到 DOM。

有任何想法吗？

谢谢你。

Answer 1

试试 $interpolate服务。将其注入(inject)方法中，然后像这样使用:

var fn = $interpolate(cssText); 
var processedCssText = fn(scope); // scope is whatever obj that contains `domain` and other properties that might be used inside cssText

如果需要，您甚至可以配置开始和结束符号。见 documentation对于 $interpolate了解更多信息。