角度Bootstrap多个模态背景

Question

我正在使用this模态服务在Angular应用中显示基本对话框。

实施很简单，但有两个问题：

1. 对话框显示但模态背景类重复多次，使其完全变黑。



1. 关闭对话框时，表单会关闭，但背景仍然存在，使视图无效。我确定这与1有关。

我正在使用Angular 1.4.9 with angular-ui-bootstrap 0.13.4 [2015-09-03]。我发现有几个posts显示角度1.4和角度ui-bootstrap之间的不兼容性，但我没有设法解决这个问题。

编辑 - 视图和控制器代码：

<button type="button" class="btn btn-sm btn-white" ng-click="procFileCtrl.viewErrors(file)"> <i class="fa fa-eye"></i> </button>

this.viewErrors = function(file) {
        ModalService.showModal({
            templateUrl: 'modules/components/client/modal/modal-base.html',
            controller: 'FileController',
            controllerAs: 'fileCtrl',
            inputs: { 
                data: file 
            }
        }).then(function(modal) {
          modal.element.modal();
          modal.close.then(function(result) {
            this.message = result ? 'ok' : 'notok';
          });
        }).catch(function(error) {
          console.log(error);
        });
    };

模态-base.html文件

 <div class="modal inmodal in" id="myModal" tabindex="-1" role="dialog" aria-hidden="true" style="display: block;">
<div class="modal-dialog">
    <div class="modal-content animated bounceInRight">
        <div class="modal-header">
            <!-- header here -->
        </div>
        <div class="modal-body">
            <!-- body here -->
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
</div>