AngularJS + CSS：實時預覽的最佳實踐？

我有一個textfield與它的價值十六進制顏色。我想顯示影響直播，例如，通過改變身體的背景色。AngularJS + CSS：實時預覽的最佳實踐？

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>

有誰知道一個良好的/乾淨的解決方案？提前致謝！

來源

2016-09-28 Mr. B.

這可能有助於http://stackoverflow.com/questions/13813254/how-do-i-conditionally-apply -css-styles-in-angularjs提示使用：ng-style –

您可以在輸入中使用更改事件，並在身體標記上使用ng樣式？ – Matheno

@SvenB請把它作爲答案發布，我會接受它。謝謝！ –

你可以在你的輸入使用變更事件和對你的身體標記使用NG式

來源

2016-10-21 10:59:54

AngularJS + CSS：實時預覽的最佳實踐？

回答

相關問題