Angular(2/4) modalService.close() is not working

Question

This is my code:

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 }) }

I am trying to use this.modalService.close() in a different function. But it's not even working in the same function where this.modalService.open(modal) is working perfectly.

I am getting this error: this.modalService.close is not a function

Any suggestion what went wrong here?

modalService.close() will not work instead use this.activeModal.dismiss() — Chandru
– Chandru, Commented Sep 15, 2017 at 12:16

Yogesh Aggarwal · Accepted Answer · 2020-06-12 09:32:12Z

you can get the reference of the model open as the promise and close it.

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)}`; } ); }); };

Now you can close the model

this.modalReference.close();

Chandru · Accepted Answer · 2017-09-15 12:11:21Z

0

Open the modal :

constructor( private modalService: NgbModal ) { } this.modalService.open()

Close Activate Modal :

constructor( public activeModal: NgbActiveModal ) { } editDocumentRow = function (documentId, modal) { this.activeModal.dismiss(); })

answered Sep 15, 2017 at 12:11

Chandru

11.2k6 gold badges43 silver badges54 bronze badges

2 Comments

Adrita Sharma Over a year ago

I am getting this error : Error: No provider for NgbActiveModal!

Adrita Sharma Over a year ago

I have added this import { NgbModal,NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'; but it doesn't seem to help. Please suggest

Collectives™ on Stack Overflow

Angular(2/4) modalService.close() is not working

2 Answers 2

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Related