Javascript ng类验证在AngularJS中不起作用

我试图把绿色的背景，如果它是编辑和有效的

但是，即使是无效的也显示绿色背景。无效时，它应显示黄色背景和红色文本

提前谢谢你给我答案

html css

---

没有对该输入元素应用验证，因此它始终有效。尝试下表，我已应用了

必需的

和

电子邮件

验证：

（只有在输入正确的电子邮件地址时，才会显示为绿色）

var module=angular.module（“myApp”，[]）；
module.controller（“formCtrl”、[“$scope”、函数（$scope）{
$scope.data={}；
}]);
。有错误{
颜色：红色；
背景色：红色；
}
.成功了{
颜色：黑色；
背景颜色：绿色；
}

电子邮件
{{data}}
您没有添加任何验证约束，那么您认为什么是无效的？当然，它总是有效的。非常感谢你，沙申克。它确实在工作。
<div ng-app="myApp" ng-controller="formCtrl">

    <form name="inputform">
        <div ng-class="{'has-success': inputform.email.$dirty && inputform.email.$valid, 'has-error': inputform.email.$dirty && inputform.email.$invalid}">
            <label for="exampleInputEmail1">Email</label>
            <input type="text" name="email" ng-model="data.email" id="exampleInputEmail1" />
        </div>
    </form>

    {{data}}

</div>

var module = angular.module("myApp", []);

module.controller("formCtrl", ['$scope', function($scope){

    $scope.data = {};

}]);

.has-error {
    color: red;
    background-color: red;
}

.has-success {
    color: black;
    background-color: green;
}