添加带角度的自定义css规则

Question

我想用动态主题制作应用程序。例如，有一个按钮，您单击它，某些元素的颜色会根据某些规则更改。第一个想法 - 用

做

<style type="text/css" ng-bind="ownStyle"></style>

和$ rootScope中的init ownStyle：

$rootScope.ownStyle = "* {color: green }";

但是看起来很糟糕+把css规则写成字符串太难了。是否有更优雅的方式来做到这一点？

Answer 1

您可以使用ng-class指令。

只需将此指令添加到＆＃34;某些元素＆＃34;，设置正确的条件就可以了。

Answer 2

您可以使用ng-class内置指令。

<div ng-class="{'some-class': condition}></div>