JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller='AppCtrl'>

    
<form name="signup"> 
<label for="email">Email:</label> 
<input type="email" name="email" id="email" 
placeholder="Give My Your Email" 
ng-model="emailAddress" ng-change="Test()" 
/> 

<p>Email is Currently : {{ emailAddress }}<span ng-hide="emailAddress.length">invalid</span></p> 
    
    
<p>On changed fired {{ counters }} times</p> 


</form> 
    
</div>

CSS

input.ng-invalid {
    background-color: red;
}

JavaScript

var app = angular.module('app', []);

app.controller('AppCtrl', [ '$scope', function($scope) {
    $scope.counters=0;
    $scope.Test=function(){
        $scope.counters++;
    }    
}]);