angularjs - AngularJS - css 文件中的参数

Question

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

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

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

有任何想法吗？

谢谢你。

Answer 1

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

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

如果需要，您甚至可以配置开始和结束符号。有关更多信息，请参阅文档。$interpolate

Answer 2

你想要更少。

http://lesscss.org

它是“动态样式表语言”。