我试图找出如何将AngularJS范围vars绑定到CSS语法中.
我认为这个问题在大括号里.
这是我基本上试图做的：
我认为这个问题在大括号里.
这是我基本上试图做的：
<style>.css_class {background:{{ angular_variable }}; color:#ffffff;}</style>
<style>.css_rule {background:{{ "#000000" }}; color:#ffffff;}</style>
<style>.css_rule {background:{{ var | someFilter }}; color:#ffffff;}</style>
关于如何实现这一目标的任何想法？
谢谢！
如说明
here角度不会运行在内部样式标签内.在这篇文章中有一个解决方法plunkr,但作为一种更灵活的方法,我将创建一个抓取内容的指令,解析它们并替换：
更新答案
app.directive('parseStyle',function($interpolate) {
return function(scope,elem) {
var exp = $interpolate(elem.html()),watchFunc = function () { return exp(scope); };
scope.$watch(watchFunc,function (html) {
elem.html(html);
});
};
});
用法：
<style parse-style>.css_class {color: {{ angular_variable }};}</style>
原来的答案
app.directive('parseStyle',function()
{
return function(scope,elem)
{
elem.html(scope.$eval('\'' + elem.html() + '\''));
};
});
然后：
<style parse-style>.css_class {color: ' + angular_variable + ';}</style>
不知道浏览器的支持.
