AngularJS窗體，初始化時隱藏無效樣式？

Question

僅當用戶鍵入某些無效的內容而不是在init（頁面加載）上顯示它們時，如何顯示無效樣式？

的angularJS表單輸入了所有紅色無效的CSS樣式時初始化，演示這裏：

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

我想的是，它只是變成紅色，當用戶鍵入一些無效的，而不是顯示init時無效的紅色樣式。

當初始化時，我希望輸入都是正常的黑色風格。

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