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>

更改文本输入字段时，使用AngularJS设置标签样式

1 个答案: