Wie ein Parameter/Werte von einem Popup zu einem anderen Popup in Angular2 übergeben werden

Question

Ich habe eine Anforderung in Angular2, wo ich ein erstes Popup öffnen muss und der Benutzer einige Werte eingeben würde. Bei einigen Benutzerereignissen, d. H. Einem Knopfklick, muss ich dieses Popup schließen und ein weiteres Popup mit den vorher vom Benutzer eingegebenen Werten im ersten Popup öffnen.

Ich habe eine plunker erstellt, wo ich eine Login-Komponente erstellt habe, die meine erste Popup- und Home-Komponente ist, die das zweite Popup ist. Bei der Eingabe der Benutzerdaten sollte es zur Home-Komponente navigieren. Ich bin hier ein bisschen geschlagen, d. H. Wie man die Benutzernamenwerte vom ersten Popup zum zweiten übergibt, auch wie man den ersten schließt und das zweite Popup lädt?

Kann mir jemand mit diesem Problem helfen, und lassen Sie mich wissen, welche Änderungen in meinem PLNKR vorgenommen werden müssen?

Answer 1

Sie müssen Ihre Login-Komponentenwerte in einem Share injizierbaren Service speichern, indem Sie eine Variable darin erstellen.

Dienst

@Injectable() 
export class SharedService { 
    public sharedValues:any; 
} 

App Modul

@NgModule({ 
imports: [BrowserModule, 
     HttpModule], 
declarations: [AppComponent], 
providers: [SharedService], 
bootstrap: [AppComponent] 
}) export class AppModule { } 

Zugriff auf die Werte in beiden Login und Home-Komponente wie unten:

import {SharedService} from 'path of service folder'; 
export class LoginModal { 

constructor(private sharedService:SharedService) { 
} 

click() { 
    this.sharedService.sharedValues // get and set your values 
} 
} 

Hinweis: Setzen Sie die Anbieter nicht auf SharedService in den Komponenten, andernfalls wird sie nicht freigegeben