wie Authentifizierung öffnen Popup oder modal in Angular 2

Question

Ich versuche, eine Login-Komponente für meine Anwendung in Angular 2 Version RC-1 zu codieren. Aber ich habe nicht gefunden, wie ich mein modales ohne eine Tastenaktion öffne.

Wenn ich meine App lade, überprüfe ich, ob der Benutzer eingeloggt ist oder nicht (mit dem localStorage): Wenn er nicht eingeloggt ist, musste das Login Modal geöffnet werden.

So öffnen/schließen modal ist durch einen booleschen Parameter und nicht eine Aktion Schaltfläche konditioniert.

Wissen Sie, wie ich ein Login-Modal ohne eine Tastenaktion öffnen kann?

Vielen Dank im Voraus,

Answer 1

Können sagen, Sie eine Komponente, die Ihre modal hält.

export class YourModalComponent { 
    constructor() {} 

    public open(): void { 
    //show modal 
    } 
} 

Und dann haben Sie eine Komponente, die den lokalen Speicher überprüft und hat YourModalComponent als Kinder. Wenn der Benutzer eingeloggt ist, rufen Sie einfach modal.open() an.

export class YourParentComponent { 
    @ViewChild(YourModalComponent) 
    public yourModal : YourModalComponent; 

    constructor() {} 

    public ngAfterViewInit(): void { 
    //check if user is logged in 
    if(!userIsLoggedIn) { 
     this.yourModal.open(); 
    } 

    } 
} 

Sie können auch haben die div mit ngIf Anzeige so der YourModalComponent wird nur angezeigt, wenn die Bedingung erfüllt ist.