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

Question

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

angularJS表单输入在初始化时都是红色的无效CSS样式，demo here：

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

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

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

Answer 1

您可以使用ng-required and 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;
  }
}