bootstrap model 模态框失去焦点或者点击背景自动关闭

html:

<ul class="nav" style='padding-left:35px'>
    <li class="active" style='margin-bottom: 10px'>
        <div class='btn-pointer'ng-click="$ctrl.addImageTag('imageTagModel')">
            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
            新增标签
        </div>
    </li>
</ul>


<!--新增编辑界面  通过vm.mode 区分-->
<div class="modal fade" id="imageTagModel" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <label>{{$ctrl.mode}}标签</label>
                <label ng-if='$ctrl.msg' class='msg'>{{$ctrl.msg}}</label>
            </div>
            <div class="modal-body">
               content ....
            </div>
            <div class="modal-footer">
                <button class="btn  btn-primary" ng-click="$ctrl.save($ctrl.imageTag)" ng-disabled="$ctrl.btndisabled">{{$ctrl.mode}}</button>
                <button class="btn  btn-sm" ng-click='$ctrl.close("imageTagModel")'>关闭</button>
            </div>

        </div>
    </div>
</div>

js:

 //新增图片标签
                vm.addImageTag = function (modelid) {
                    vm.openModel(modelid)
                }

               vm.openModel = function (modelid) {
                    $('#' + modelid).modal('show');//model打开
                    $('#' + modelid).modal({ backdrop: 'static', keyboard: false 
                   });//model失去焦点之后不自动关闭
               }

               vm.close = function (modelid) {//model关闭
                   $('#' + modelid).modal('hide');
               }

步骤：
1、在target 模态div 中加入aria-hidden="true" data-backdrop="static" 两个属性
2、在新增button 的html 中 addImageTag('#modeld') 传入模态框id
3、用js 控制打开model ，
重点是  $('#' + modelid).modal({ backdrop: 'static', keyboard: false })
这句代码来实现点击背景处不自动关闭