角（2/4）modalService.close（）不工作

Question

這是我的代碼：

import { NgbModal } from '@ng-bootstrap/ng-bootstrap';

constructor(private http: Http, private route: ActivatedRoute,private router: Router, private modalService: NgbModal) { } 

editDocumentRow = function (documentId, modal) { 
    this.http.get(ConstantComponent.url + '/documentmanagerapi/Get/' + documentId).map((res: Response) => res.json()).subscribe(data => { 
    this.documentsRowDetails = data 
    this.modalService.open(modal) 
    this.modalService.close() // not working 
}) 

}

我想在不同的功能使用this.modalService.close()。但它甚至不在this.modalService.open(modal)完美運行的相同功能中工作。

我收到此錯誤： this.modalService.close is not a function

任何建議，有什麼錯在這裏去了？

Answer 1

就可以得到模型作爲承諾開放的參考，並將其關閉。

editDocumentRow = function(documentId, modal) { 
    this.http.get(ConstantComponent.url + '/documentmanagerapi/Get/' + documentId).map((res: Response) => res.json()).subscribe(data => { 
     this.documentsRowDetails = data 
     this.modalService.open(modal) 
     this.modalReference = this.modalService.open(modal); 
     this.modalReference.result.then((result) => { 
      this.closeResult = `Closed with: ${result}`; 
     }, (reason) => { 
      this.closeResult = `Dismissed ${this.getDismissReason(reason)}`; 
     }); 


    }) 
} 

現在你可以關閉模​​型

this.modalReference.close(); 

Answer 2

打開模式：

constructor(
    private modalService: NgbModal 
) { } 

this.modalService.open() 

關閉激活模態：

constructor(
    public activeModal: NgbActiveModal 
) { } 

editDocumentRow = function (documentId, modal) { 
    this.activeModal.dismiss(); 
})