Angular JS ng-click 유효성 확인

Question

제출 버튼을 클릭 한 후 ng-class가 스팬 색상을 빨간색으로 변경하면 입력 양식에 작성된 것이 있는지 확인하고 싶습니다.

<form name="myForm" validate class="form-horizontal"> 

    <div class="control-group" > 
    <label ng-class="{bad: (myForm.name.$invalid && myForm.name.$pristine) }" >Name:</label> 
    <input type="text" name="name" placeholder="Name" ng-model="user.name" required/> 
    <span ng-show="isInvalid('name')" class="help-inline">Name is required</span> 
    <span ng-show="isValid('name')">Great!</span> 
    </div> 

    <button type="submit">SUB</button> 

</form> 

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

Answer 1

당신이 여기 u는 범위 변수를 유지하고 검색 할 수 있습니다 추적 여부를 버튼 클릭 여부를 제출해야 : 여기 링크입니다 만 submittion 모든 시간 후 붉은 색을 갖고 싶어 어떤 사람이 (가) 다음 제출을 클릭하면 양식 submitted라는 범위 변수가 true 값

0123로가,

<button type="submit" ng-click="submitted = true">SUB</button> 

제출되지 않았거나 여기

<label ng-class="{bad: (myForm.name.$invalid && myForm.name.$pristine && submitted) }" >Name:</label> 

는 Plunker