html - 更改文本输入字段时使用 AngularJS 对标签进行样式化

Question

我已经搜索过如何执行此操作，但没有任何运气。我对网络的东西相当缺乏经验，所以也许它是如此微不足道以至于没有人需要问如何去做:(

假设我有一个带有标签的 HTML 文本输入字段，如下所示:

<label for = "stuff">Stuff</label>
<input type = "text" name = "stuffz" id="stuff" value = "hello!">

现在假设文本输入字段值已更改。发生这种变化时，有没有办法使用 AngularJS 重新设置标签的样式(例如，将其变为绿色)？我研究过使用 ng-change 和 ng-class，但我对它们的工作原理了解不够，无法以这种方式使用它们。

任何帮助都会很好!

Answer 1

您可以结合使用 ngClass 和 ngChange :

angular.module('demo', []);

.marvellous {
  color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="demo">

<label for="stuff"
       ng-class="{ 'marvellous' : !!hasChanged }">
  Stuff
</label>
<input type="text"
       id="stuff"
       ng-model="myModel"
       ng-change="hasChanged = true">
  
</div>