AngularJS表单，init时隐藏无效样式？

Question

如果用户输入的内容无效而不是在init（页面加载）中显示无效样式，我怎么能显示无效样式？

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

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