AngularJS + CSS：实时预览的最佳实践？答案

【问题标题】：AngularJS + CSS: best practice for a live preview?AngularJS + CSS：实时预览的最佳实践？
【发布时间】：2016-10-21 18:59:54
【问题描述】：

我有一个 textfield 以十六进制颜色作为它的值。我想显示影响live，例如通过更改 body 的 background-color。

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>

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

【问题讨论】：

这可能有助于stackoverflow.com/questions/13813254/… 提示使用：ng-style
您可以在输入中使用更改事件并在您的正文标签上使用 ng 样式？
@SvenB 请将其作为答案发布，我会接受。谢谢！

标签： javascript jquery html css angularjs

【解决方案1】：

您可以在输入中使用更改事件并在正文标签上使用 ng 样式

【讨论】：