2016-12-22 5 views
0

ng-modelの基礎は何ですか、私はinputの値属性で動作しますが、それ以外の属性でも使用できますか? この例では、良いものです:ng-modelはどのように角張っていますか?

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<body> 
 

 
<div ng-app=""> 
 

 
<input style="background-color:{{myCol}}" ng-model="myCol"> 
 

 
</div> 
 

 
</body> 
 
</html>

今では唯一の変数に値をバインドするテキストボックスに何型付きがbackground-color財産

+1

あなたはngModelが実際に何をするかの完全な定義がありますhttps://docs.angularjs.org/api/ng/directive/ngModel TLを; DR:それだけ入力/ textareas/etcの値をスコープの変数にバインドします。それから、あなたが好きなところで使ってください。 – olivarra1

答えて

0

ng-modelのためのCSS値に変換されることを理解します範囲の

他のいくつかのディレクティブでスコープの値にアクセスできます。あなたの例では、ng-styleを使用することがあります。

ここ
<input ng-style="background-color: myCol" ng-model="myCol"/> 
+0

更新されました。 – Mistalis

関連する問題