0

カラー ピッカーのランタイム値をスパン テキストの背景色として適用したいと考えています。モデルをカラー値として使用するにはどうすればよいですか?

HTML:

<body ng-app="">
   <input type="button" value="set color" ng-click="myStyle={color:'red'}">
   <input type="button" value="clear" ng-click="myStyle={}">
   <input type="text" name="abc" class="color" ng-model="abc" ng-change="myStyle={color:'green'}">
   <br/>
   <span ng-style="myStyle">Sample Text</span>
   <pre>myStyle={{myStyle}}</pre>
</body>

プランカー: http://plnkr.co/edit/APrl9Y98Em0d6rxuzRDE?p=preview

4

2 に答える 2

1

入力の ng-model を使用するだけです。

<input type="text" name="abc" class="color" ng-model="color" ng-change="myStyle={'background-color':'#'+color}">

コード付きのプランカー

于 2014-09-30T08:17:54.697 に答える
1

あなたが何をしたいのかよくわかりませんが、次のように思います。カラーピッカーで値を選択すると、span背景色がその値に設定されます。このプランクを見ることができます：

デモ: http://plnkr.co/edit/2QWZy5zwdmpND7vyEF03?p=preview

モジュールとコントローラーを追加しました。

于 2014-09-30T08:18:02.783 に答える