Angulaire 2 NgbModal NgbActiveModal événement close modal
Je suis en utilisant Angulaire 2, je suis en train de travailler avec un formulaire modal, j'ai deux composants, à partir de l'une des composantes j'ouvre la forme modale de cette façon:
import { Component, OnInit, Output} from '@angular/core';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import { MyFormComponent } from '......./....';
@Component({
moduleId: module.id,
selector: 'my-component',
templateUrl: 'my-component.html'
})
export class MyComponent implements OnInit {
private anyData: any;
private anyDataForm: any;
constructor(
private modalService: NgbModal
) { }
ngOnInit(): void {
}
open() {
const modalRef = this.modalService.open(MyFormComponent, { size: 'lg' });
modalRef.componentInstance.anyDataForm = this.anyData;
}
possibleOnCloseEvet() {
//Do some actions....
}
}
La méthode open() déclenche à partir d'un bouton sur my-component.html
Et sur la Forme (modal) - je l'utiliser pour fermer le réel modal (à partir de lui-même)
import { Component, OnInit, OnDestroy, Input } from '@angular/core';
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
@Component({
moduleId: module.id,
selector: 'my-form-component',
templateUrl: 'my-form-component.html'
})
export class MyFormComponent implements OnInit, OnDestroy {
@Input() anyDataForm: any;
constructor(
public activeModal: NgbActiveModal
) {
}
ngOnInit(): void {
}
//Some form code...
OnSubmit() {
this.activeModal.close(); //It closes successfully
}
ngOnDestroy(): void {
}
}
Ce que je dois faire est de tirer une sorte de "fermer" l'événement de l'appelant composant pour effectuer certaines actions en appelant uniquement lorsque le modal est fermé. (ne peut pas utiliser l'événement de emmiter)
Est-il de toute façon pour le composant ouvreur de savoir quand la modale de près? Je n'ai pas trouvé d'exemple clair de cela.
OriginalL'auteur Dany G | 2017-06-16
Vous devez vous connecter pour publier un commentaire.
Essayez ceci:
OriginalL'auteur Adnan A.
dans MyFormComponent vous pouvez ajouter
closeModal() { this.activeModal.close ();}
OriginalL'auteur octavian09
Sur mon ModalformComponent
Puis sur ma mère-composants ListComponent
OriginalL'auteur David Njuguna