2016-09-28 8 views
1

テキストフィールドには16進数の値があります。インパクトを表示したいと思います。live体の背景色を変更してください。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> 

良い/清潔な解決策を知っている人はいますか?前もって感謝します!

+3

これはhttp://stackoverflow.com/questions/13813254/how-do-i-conditionally-applyを助けるかもしれない、あなたの入力に変更イベントを使用して、あなたの体のタグにNGスタイルを使用することができます-css-styles-in-angularjsヒント使用:ng-style –

+1

あなたの入力にchangeイベントを使用し、bodyタグにng-styleを使用できますか? – Matheno

+0

@SvenB答えとして投稿してください、私はそれを受け入れるでしょう。ありがとう! –

答えて

2

あなたは

関連する問題