将AngularJS变量绑定到CSS语法中
发布时间:2020-12-17 07:48:01 所属栏目:安全 来源:网络整理
导读:我试图找出如何将AngularJS范围vars绑定到CSS语法中. 我认为这个问题在大括号里. 这是我基本上试图做的: style.css_class {background:{{ angular_variable }}; color:#ffffff;}/stylestyle.css_rule {background:{{ "#000000" }}; color:#ffffff;}/stylest
我试图找出如何将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> http://jsfiddle.net/VUeGG/31/ 原来的答案 app.directive('parseStyle',function() { return function(scope,elem) { elem.html(scope.$eval(''' + elem.html() + ''')); }; }); 然后: <style parse-style>.css_class {color: ' + angular_variable + ';}</style> 不知道浏览器的支持. http://jsfiddle.net/VUeGG/4/ (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |