加載驗證

Question

我有一個簡單的輸入框形式。

angular.module('main', []) 
 
    .controller('Ctrl', ['$scope', '$location', 
 
    function($scope, $location) { 
 

 
    } 
 
    ]);

.red-border { 
 
    border-color: red; 
 
}

<div ng-app="main"> 
 
    <div ng-controller="Ctrl"> 
 
    <form name="frm" novalidate="novalidate"> 
 
     <input type="text" required name="myname" ng-class="{'red-border':frm.myname.$error.$invalid}" /> 
 
     <br>{{frm | json}} 
 
    </form> 
 
    </div> 
 
</div>

我需要輸入框在紅色邊框的開頭，因爲它已經空了，但它並不能使它紅色的負荷。 當我測試它像這樣：ng-class="{'red-box':true}"它確實工作。

什麼是最好的做法，使其在一開始就觸發，還是我必須做所有的解決方法？

感謝

編輯：

這裏是我的代碼段。 https://jsfiddle.net/Ingeeg/afm7rhsw/8/

Answer 1

角僅計算與ng-model指令輸入：

<form name="frm" novalidate="novalidate"> 
    <input type="text" required name="myname" 
      ng-model="myModel" 
      ng-class="{'red-border':frm.myname.$invalid}" /> 
</form> 

見this working jsfiddle