Wie kann ich zwei Modalitäten nebeneinander anzeigen lassen und gleichzeitig in Winkel 2 miteinander interagieren?

Question

Ich habe ein Modal, das eine Form hat. An einem Punkt muss ich ein anderes Modal zeigen, damit der Benutzer Elemente auswählt und die Ansicht des ersten Modales mit den ausgewählten Elementen aktualisiert. Wie kann ich das machen. Ich muss beide Mods gleichzeitig zeigen.

Unten ist mein Code-Schnipsel ..

<button class="btn btn-primary btn-xs" (click)="openContactModal()">Add 
     Contact</button> 
<modal #myModal 
    modalClass="modal-md" 
    [closeOnEscape]="false" 
    [closeOnOutsideClick]="false" 
    [hideCloseButton]="true" 
> 
<modal-header> 
    <h6>Contact</h6> 
</modal-header> 

    <modal-content> 

    <button class="btn btn-primary btn-xs" (click)="openContactModal2()">TestModal2</button> 

    </modal-content> 

<modal #myModal2 
    modalClass="modal-md" 
    [closeOnEscape]="false" 
    [closeOnOutsideClick]="false" 


<modal-content> 


    <ul *ngFor="let type of types"> 
    <li>{{type}}</li> 

    </ul> 
    <p> I am in modal two and I will select types though they are list here</p> 

die selcected Typen sollten von Code sowohl modal wie öffnet in anderen modalen

Meine Komponenten zu sehen:

@ViewChild('myModal') myModal: Modal; 
@ViewChild('myModal2') myModal2: Modal; 

openContactModal() { 
    this.myModal.open(); 
    } 

openContactModal2(types) { 
    this.myModal2.open(types); 
} 

Das Problem ist, sobald ich Modal 2, 1 g öffnen ets geschlossen. Ich habe eine Lösung mit jquery, um das in this zu beheben. Aber ich bin mir nicht sicher, ob ich in eckigen 2 implementieren soll. Gibt es dafür eine einfache Lösung? Entschuldigung, unvollständigen Code zur Verfügung zu stellen, wie ich nicht tun kann.

Answer 1

Eine Möglichkeit besteht darin, einen 'sessionState'-Dienst zu verwenden, um die Daten zu speichern, die zwischen den beiden Modalen übergeben werden müssen.

Der Dienst 'sessionState' sollte in die Modale eingefügt werden, die daher Zugriff darauf hätten und sie als Objekt für den Datenaustausch verwenden könnten.

Ich hoffe es hilft