javascript - AngularJS + CSS : best practice for a live preview?

Question

我有一个文本字段，它的值是十六进制颜色。我想显示实时的影响，例如通过改变 body 的 background-color。

code工作但感觉不对/脏。我想避免使用 jQuery 的 .css() 并遵循 Angular 原则。

<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>

有人知道好的/干净的解决方案吗？提前致谢!

Answer 1

您可以在您的输入上使用更改事件并在您的 body 标签上使用 ng 样式