angular.js - bootstrap的modal 如何不通过data-dismiss关闭

问题描述

问 题

<div class="modal r-modal fade" id="createTask" data-drag="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
            测试
            </div>
            <div class="modal-body">
                <form class="r-form form-horizontal">
                    
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn r-btn-primary r-mt10" class="icon-button"  data-dismiss="modal" ng-click="handleSave()">
                    确定
                </button>
            </div>
        </div>

    </div>

handleSave时要校验，不符合要求要错误提示，但窗口不能关闭。现在因为button加上了data-dismiss，所以一点button窗口就关闭了，怎么解决？

解决方案

去掉data-dismiss，在handleSave()校验成功后用

$("#createTask").modal('hide');

关闭

这篇关于angular.js - bootstrap的modal 如何不通过data-dismiss关闭的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！