Winkel-2 ng-bootstrap-Modal schließen

Ich versuche zum schließen des modal präsentiert wurde, mich durch die offene(Inhalt) - Funktion, wie im Beispiel gezeigt-in der Dokumentation ng-boostrap. In der website erwähnt, dass ich in der Nähe nennen oder zu entlassen, von NgbActiveModal.

Also ich NgbActiveModal in der Komponente und versuchte zu rufen, entlassen() oder close(). Beide funktioniert nicht. Zuerst von allen, entlassen() nicht definiert ist (Bin ich importieren NgbActiveModal falsch?) Wenn ich den Aufruf von close(), es scheint zu wollen, zu nennen einige seltsame Funktion in lib.dom.d....ts, das ist nicht das, was ich will, überhaupt. Also für mich scheint es, wie ich, haben keinen Zugang zu schließen und entlassen, sofern durch die ng-bootstrap-auch nachdem ich importiert NgbActiveModal. Beachten Sie, dass ich zeigen kann, der modal-feine

In dem Beispiel, das modal geschlossen wurde, per (click)="c('Schließen, klicken Sie auf')". Ich habe keine Ahnung, Woher das kommt.

So... Wie kann ich rufen Sie die close() oder schließen() (Je nachdem was funktioniert), um loszuwerden, der modal

InformationsquelleAutor user172902 | 2017-01-30

angular ng-bootstrap

26

Antwort gefunden werden kann hier. ng-bootstrap-website fehlen viele Informationen leider Nicht schließen-ng-bootstrap Modal

Innerhalb der Komponenten-Klasse
```
  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();
  }
```
Vielen Dank für den link. Auch nach dem Besuch, dass, es ist immer noch nicht klar, wie close() oder schließen (), um loszuwerden, der modal. Ich würde es schätzen, wenn könnten Sie bitte erzählen, wie du es gelöst hast. Danke.
Aktualisiert mit Lösung.
Dies funktioniert für mich! vielen Dank.
Wie würden Sie dies tun, wenn content war ein entryComponent?
Markieren Sie diese als den richtigen / akzeptierte Antwort, da dies der richtige Weg, dies zu tun und es ist sehr schwierig, Informationen zu filtern von Lärm.

InformationsquelleAutor user172902
4
1. In Ihrem modalen Komponente, die Sie benötigen, um die Zeile hinzufügen :
```
@ViewChild('exampleModal') public exampleModal:ModalDirective;
```
2. In html modal, müssen Sie in die div-root :
```
#exampleModal="bs-modal"
```
3. In Ihrem modalen Komponente :
```
onSave(){
   this.exampleModal.hide();
}
```
Auch importieren Sie die ModelDirective in die Komponente importieren, { ModalDirective } von "ngx-bootstrap';

InformationsquelleAutor Yoav Schniederman

Folgte ich dem doc von ng-bootstrap mit Winkel 6. Schließlich fand ich die Lösung das ändern einer Zeile aus der original-Beispiel:

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>

Wechselte ich von dieser lassen-modal dieser lassen-d="entlassen" und auch diese 2 Zeilen:

(click)="d('Kreuz klicken')"
(click)="d('Schließen, klicken Sie auf')"

modal-Optionen.ts

constructor(private modalService: NgbModal) {}

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

InformationsquelleAutor Jorge Casariego

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.