Question

我有一个学生网格和一个按钮。当用户单击它时，会显示一个新模态。在模态中有一些输入和一个按钮＆＃34; save＆＃34;。当用户通过角度单击“保存”时，将添加新学生并关闭模态。我希望在输入未填充时阻止模态关闭。我怎样才能做到这一点？换句话说，我希望保存按钮不能完成ng-click和data-dismiss =＆＃34; modal＆＃34;。

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>

当未填充输入时，防止bootstrap模态关闭

1 个答案: