Используйте AngularJS для стилизации метки при изменении поля ввода текста

Question

Я искал, как это сделать, и мне не повезло. Я довольно неопытных с веб-материал, так что, возможно, это так тривиально, что никто не должен спрашивать, как это сделать :(

Предположим, у меня есть поле ввода текста HTML с ярлыком, как это:

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

Теперь предположим, что значение поля ввода текста изменено. Есть ли способ использовать AngularJS, чтобы скомпоновать ярлык (например, включить его, например, зеленый), когда это изменение происходит? Я изучил использование ng-change и ng- класс, но я недостаточно осведомлен о том, как эти работы используют их таким образом.

Любая помощь будет приятной!

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>