防止引導模式從輸入未填充時關閉

Question

我有一個網格的學生和一個按鈕。當用戶點擊它時，會顯示一個新的模式。 在模式中有一些輸入和一個按鈕「保存」。 當用戶通過角度點擊保存時，添加新學生並關閉模態。 我想防止模式在輸入未填滿時關閉。 我該怎麼做？ 換句話說，我希望保存按鈕不要執行ng-click和data-dismiss =「modal」的工作。

Answer 1

如果輸入沒有經過驗證（需要，max等等）這樣你可以禁用按鈕：

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