AngularJS表单，初始化时隐藏无效样式

Question

如何仅在用户键入无效内容而不是在 init（页面加载）上显示它们时才显示无效样式？

angularJS表单输入在初始化时具有所有红色无效的CSS样式，在这里演示：

http://plnkr.co/edit/iDcG8J?p=preview

我想要的是，它仅在用户输入无效内容时变为红色，而不是在初始化时显示无效的红色样式。

初始化时，我希望输入都是正常的黑色样式。

Answer 1

您可以使用

ng-required和ng-change来执行此操作： http://plnkr.co/edit/LxJGK3?p=preview

在模板中：

<input  type="text" 
        data-ng-minlength=3 
        data-ng-model="form.min" 
        ng-required="minTouched" 
        ng-change="minChanged" />

在控制器中：

function ($scope) {
  $scope.minTouched = false;
  // ...
  $scope.minChanged = function () {
    $scope.minTouched = true;
  }
}