AngularJS + CSS:实时预览的最佳实践?

时间:2016-09-28 12:47:03

标签: javascript jquery html css angularjs

我的文本字段,其值为十六进制颜色。我想显示影响直播,例如通过改变身体的背景颜色

code有效,但感觉不对/脏。我想避免使用jQuery' .css()并遵循角度原则。

<div data-ng-app>    
    <span data-ng-init="colors.bg='#00FF00';"/>

    <style type="text/css">
    body {
        background: {{colors.bg}}; <!-- dirty ?! -->
    }
    </style>

    <input type="text" data-ng-model="colors.bg"/> 
</div>

有谁知道一个好/干净的解决方案?提前谢谢!

1 个答案:

答案 0 :(得分:2)

您可以在输入中使用更改事件,并在身体标记上使用ng样式