2014-12-17 1 views
0

유효성 검사를 사용하는 양식 요소의 모델 (예 : ng-minlength)에 액세스하려고합니다. 유효성 검사가 통과 될 때까지 모델이 정의되지 않은 것으로 보입니다.AngularJS 형식의 유효성 검사 중에 모델에 액세스 할 수 없습니까?

의도 한 동작입니까? 유효하지 않은 모델에 어떻게 액세스 할 수 있습니까?

예 : 유효성 검사를 통과 할 때까지 http://jsfiddle.net/ybdssvt5/

<div ng-app="myapp"> 
    <form name="myForm"> 
    <input type="text" ng-minlength="5" ng-model="formData.email" required/> 
    <div>EMAIL length: {{ formData.email.length }}</div> 
    </form> 
</div> 

이메일 길이를 표시 할 수 없습니다.

+2

유효성 검사가 작동하는 방식이므로 입력 데이터가 유효하기 전에 모델을 설정할 수 없으므로 formData.email은 정의되지 않습니다. – Rasalom

답변

0

당신이 컨트롤러에 연결하고 기본 값을 할당 할 수

var app = angular.module('myapp', []) 
.controller('appCtrl', function($scope){ 
    $scope.form = {}; 
    $scope.form.email = ''; 
}); 

이 더러운 방법입니다,하지만 당신은 여기에서 쉽게 즉석에서 할 수 있습니다.

또한 ng-controller div 또는 양식에 ng-controller = "appCtrl"을 추가해야합니다.