Angulaire à 2 ng-bootstrap fermer la Modale

Je suis en train de fermer la modale qui m'a été présentée à travers l'ouverture(le contenu) de la fonction, comme illustré dans l'exemple de la La Documentation de ng-de bootstrap. Dans le site, il est mentionné que je peux appeler près ou de rejeter de NgbActiveModal.

Je l'ai donc inclus NgbActiveModal dans le composant et essayé d'appeler à rejeter() ou close(). Deux d'entre eux ne fonctionne pas. Tout d'abord, de les rejeter() n'est pas défini (Suis-je importer NgbActiveModal mal?) Quand j'ai appeler close(), il semble vouloir appeler un peu bizarre de fonction à l'intérieur de lib.dom.d.ts qui n'est pas ce que je veux à tous. Donc pour moi, il semble que je n'ai pas accès à la fermer et licencier fournis par ng-bootstrap même après que j'ai importé NgbActiveModal. Notez que je peux montrer l'modal fine

Dans l'exemple, le modal a été fermé par (cliquez)="c('Fermer cliquez sur')". Je n'ai aucune idée d'où ça vient.

Alors... Comment puis-je appeler le close() ou rejeter() (Selon ce qui convient) pour se débarrasser de l'modal

InformationsquelleAutor user172902 | 2017-01-30

angular ng-bootstrap

30

Réponse peut être trouvée ici. ng-bootstrap site manque beaucoup d'informations malheureusement Ne peut pas fermer ng-Modal bootstrap

À l'intérieur de la classe du composant
```
  private modalRef: NgbModalRef;

  //Modal
  open(content) {
    this.modalRef = this.modalService.open(content);
    this.modalRef.result.then((result) => {
      this.closeResult = `Closed with: ${result}`;
    }, (reason) => {
      this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
    });
  }

  onSave() {
    this.modalRef.close();
  }
```
- Merci pour le partage du lien. Même après la visite, il n'est pas encore clair comment fermer() ou rejeter() pour se débarrasser de l'modal. Je vous serais reconnaissant si vous pouviez s'il vous plaît partager comment vous l'avez résolu. Merci.
- Mis à jour avec la solution.
- Cela fonctionne pour moi! merci beaucoup.
- Comment voulez-vous faire cela que si content était un entryComponent?
- Vous devez marquer ce que la bonne / a accepté de répondre, comme ce est la bonne façon de le faire et il est très difficile d'information pour filtrer le bruit.
- vous pouvez utiliser la valeur renvoyée par this.modalService.open(content) (qui est un modalRef) comme dans la réponse. Une autre option est de passer le modalRef à la entryComponent.
InformationsquelleAutor user172902
4
1. À votre modal composant, vous devez ajouter la ligne :
```
@ViewChild('exampleModal') public exampleModal:ModalDirective;
```
2. Html modale vous devez insérer dans le div de la racine :
```
#exampleModal="bs-modal"
```
3. À votre modal composant :
```
onSave(){
   this.exampleModal.hide();
}
```
- Aussi importer les ModelDirective dans le composant que l'importation { ModalDirective } à partir de 'la ngx-bootstrap';
InformationsquelleAutor Yoav Schniederman

J'ai suivi la doc de ng-bootstrap avec Angulaire 6. J'ai enfin trouvé la solution de changer une ligne de la exemple d'origine:

modal-options.html

<ng-template #content let-d="dismiss">
  <div class="modal-header">
    <h4 class="modal-title">Modal title</h4>
    <button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    <p>One fine body&hellip;</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-light" (click)="d('Close click')">Close</button>
  </div>
</ng-template>

J'ai changé de ce laissez-modale à ce laissez-d="disparaître" et aussi ces 2 lignes:

(cliquez)="d ("de la Croix-cliquez sur')"
(cliquez)="d ("Fermer cliquez sur')"

modal-options.ts

constructor(private modalService: NgbModal) {}

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

InformationsquelleAutor Jorge Casariego

Vous devez vous connecter pour publier un commentaire.