Question

我有一个非常简单的Bootstrap模式，一旦调用我的webservice返回成功，我想通过AngularJS显示它。模态弹出窗口，但它冻结了IE 9+，我必须强行关闭它，虽然相同的代码适用于Firefox和Chrome。

我的模态

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="modal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">Modal title</h4>
                </div>
                <div class="modal-body">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

和角度的脚本打开模态。

SearchReq.success(function (data, status) {
                $scope.IsWorking = false;

                if (data.success) {
                    $scope.AttendedSessions = data.attendedsessions;
                    $scope.LateSessions = data.latesessions;

                    $('#modal').modal('show');
                }
                else {
                    showAlert("<strong>Failure!</strong> " + data.errormsg, "danger", 3000);
                }
            });

Answer 1

尝试使用AngularUI Bootstrap https://angular-ui.github.io/bootstrap/

IE冻结从AngularJS显示Bootstrap Modal

1 个答案: