2016-12-22 3 views
0

Мне интересно, на каком основании ng-model работает, в input работает со значением атрибута, но возможно ли работать с любым другим атрибутом? этого примера хорошо один:Как работает ng-модель в угловом режиме?

<!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>

Теперь он понимает, что все, напечатанные в текстовом поле будет преобразован в значение CSS для background-color собственности

+1

Здесь у вас есть полное определение того, что на самом деле делает ngModel: https://docs.angularjs.org/api/ng/directive/ngModel TL; DR: это просто связывает значение на входах/textareas/etc с переменными в области видимости. Затем вы используете их везде, где хотите – olivarra1

ответ

0

ng-model только связывает значение переменных объема.

Вы можете получить доступ к значениям областей по нескольким другим директивам. В вашем примере, вы можете использовать ng-style:

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

Обновлено, я думаю, что он лучше подходит для того, что вы просили. – Mistalis

Смежные вопросы