如何使引导模式弹出窗口在Angular2中可移动

npm install ngx-bootstrap --save

import { ModalModule } from 'ngx-bootstrap/modal';

@NgModule({
  imports: [ModalModule.forRoot()],
  ...
})
export class YourModule { }

<button type="button" class="btn btn-primary" (click)="openModal()">打开弹出窗口</button>

<ng-template #myModal>
  <div class="modal-header">
    <h4 class="modal-title">弹出窗口标题</h4>
    <button type="button" class="close" aria-label="Close" (click)="modalRef.hide()">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    弹出窗口内容
  </div>
</ng-template>

import { Component, TemplateRef } from '@angular/core';
import { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';

@Component({
  ...
})
export class YourComponent {
  modalRef: BsModalRef;

  constructor(private modalService: BsModalService) {}

  openModal(template: TemplateRef<any>) {
    this.modalRef = this.modalService.show(template);
  }
}