Angular 2 ng-bootstrap Modal: Wie man Daten an die Eingabekomponente übergibt

9

Ich versuche, Daten an eine benutzerdefinierte modale Inhaltskomponente zu senden, damit ich sie von jeder anderen Komponente aus aufrufen und nicht Code wiederholen kann. Ich bin neu bei Angular 2 und habe die "Components as content" Demo von ng-boostrap sowie die "Component Interaction" in der Angular Docs verfolgt und keine Möglichkeit gefunden, dies zum Laufen zu bringen oder ein Beispiel für diesen Fall .

Ich kann das Modal öffnen, aber nicht mit dynamischem Inhalt. Ich habe den @Input und den variablen Ansatz ohne Erfolg versucht. Ich habe auch ModalService zu den Anbietern in app.module.ts hinzugefügt. Das habe ich bei beiden Ansätzen, die nicht funktionieren:

page.component.html:

%Vor%

page.component.ts:

%Vor%

modal.service.ts:

%Vor%

modal.component.ts:

%Vor%

Verwenden von eckigen v2.1.0, angular-cli v1.0.0-beta.16, ng-bootstrap v1.0.0-alpha.8

    
asabido 14.10.2016, 16:34
quelle

2 Antworten

2

Geben Sie einfach einen Service an und injizieren Sie ihn in VideoModalComponent und PageComponent . Dann können Sie diesen Dienst für die Kommunikation verwenden.

Weitere Informationen und Beispiele finden Sie Ссылка / p>     

Günter Zöchbauer 14.10.2016, 16:41
quelle
-1

Hier sind einige Möglichkeiten, dies zu tun.

  1. Expose eine Instanz von component
  2. Verwenden Sie die Lösung und legen Sie aufgelöste Werte für eine Instanz von NgbActiveModal offen.
  3. Verwenden Sie resolve und binden Sie aufgelöste Werte an die Eingaben der Komponente.

Siehe: Ссылка

    
Joel Raju 14.04.2017 18:35
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Erstellen eines Platzhalters in Extjs, wenn ein Objekt gezogen wird