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

Question

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

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;
  }
}