防止引导模式从输入未填充时关闭

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>