TypeScript ng-bootstrap.NgbModal類代碼示例

 public static open(modalService: NgbModal) {
     return modalService.open(UploadCsvDialog, {backdrop: "static"});
 }

 public editItem(item: NameListItem): NgbModalRef {
     const modalRef = this.modalService.open(NameListItemModalContentComponent);
     modalRef.componentInstance.item = item;
     return modalRef;
 }

 confirm(template: string | TemplateRef<any>, options ?: NgbModalOptions): Promise<any> {
     return this.modalService.open(template, options).result;
 }

 openEdit(id: any) {
   this.itemService.getById(id);
   this.activeModal.close();
   this.modalService.open(ModalFormEditComponent);
 }

        this.dttpService.filter( this.model ).subscribe( resp => {
            this.tpelList = resp.tpelList;
            this.tphtList = resp.tphtList;

            this.modalService.open( filter, { size: "lg" } );
        } );

 open(content) {
   this.modalService.open(content, { size: 'lg' }).result
 }

 openWindowCustomClass(content) {
   this.modalService.open(content, { windowClass: 'dark-modal' });
 }

 openLg(content) {
   this.modalService.open(content, { size: 'lg' });
 }

 openbrowse(val:any)
 {
   this.modal.open(val,{backdrop:true});
   this.getfolders(this.btntype);
   $('#tree').fancytree();
 }

 createModal(fields: {title: string, msg: string, component: any}) {
   const modalRef = this.ngbModalService.open(fields.component);
   modalRef.componentInstance.title = fields.title;
   modalRef.componentInstance.msg = fields.msg;
   return modalRef.result;
 }

 about() {
     this.modal.open(AboutComponent);
 }

 showConfirm(document) {
     const ngbModalRef = this.modalService.open(ElasticsearchReindexModalComponent);
     ngbModalRef.componentInstance.document = document
 }

 editEvent(event){
   let modal = this.modalService.open(EventFormComponent)
   modal.componentInstance.modal = modal;
   modal.componentInstance.event = event;
 }

 createOptionValue(content) {
     this.modalRef = this.modalService.open(content);
     this.modalRef.result.then((result) => {
       }, (reason) => {
       });
   }

 open(content, level: number) {
   this.checklistService
     .getChecklist(level)
     .subscribe(checklistItems => { this.checklistItems = checklistItems });
     this.modalService.open(content, { size: 'lg' })
 }