可拖动的ngx-bootstrap模态仅身体移动和背景固定

Question

我正在使用Angular2-Draggable创建可拖动的模态，但仅允许拖动并固定背景

我尝试通过将angular2-draggable指令选择器更改为类（'.ngDraggable'）来解决此错误，但不适用于父元素（class ='modal-dialog'role ='document'）

i使用以下代码显示模式：this.modalService.show（OwnerAdvertisingOpportunityAddeditComponent，{initialState，class：'ngDraggable modal-lg'}）;

任何帮助或想法？

Answer 1

.modal-dialog.ngDraggable {
  .modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }
  .ngDraggable {
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: 6px;
    border: 1px solid #999;
    overflow: hidden;
  }    
}