입력이 채워지지 않을 때 부트 스트랩 모달이 닫히지 않도록하십시오.

Question

학생들과 버튼으로 된 그리드가 있습니다. 사용자가 클릭하면 새로운 모달이 표시됩니다. 모달에는 몇 가지 입력과 버튼 "저장"이 있습니다. 사용자가 각도를 통해 저장을 클릭하면 새 학생이 추가되고 모달이 닫힙니다. 입력이 채워지지 않을 때 모달이 닫히지 않도록하고 싶습니다. 어떻게해야합니까? 즉, 저장 버튼이 ng-click 및 data-dismiss = "modal"작업을 수행하지 않게하려고합니다.

Answer 1

입력이 같은 (필수, 최대 등) 확인되지 않은 경우 당신은 버튼을 비활성화 할 수 있습니다

<form role="form" name="formInTheModal" id="formInTheModal" class="form-horizontal"> 
    <div class="form-group"> 
     <label for="inpDummy" class="col-sm-4 control-label">Enter</label> 
     <div class="col-sm-8"> 
      <input class="form-control" type="text" id="inpDummy" 
        ng-model="inpDummy" maxlength="50" required> 
     </div> 
    </div> 
    <button type="button" class="btn btn-primary" ng-click="doJob()" 
     ng-disabled="formInTheModal.$invalid" > DO 
    </button> 
</form>