ich diesen Code verwendet haben: (http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial)zeigen den Benutzernamen nach dem Login in angular2
Aber ich habe api verwendet, die für Authentifizierungsdienst in Lumen erzeugt wird. Jetzt möchte ich den Benutzernamen in meiner home.component.html
anzeigenWährend Login userid im lokalen Speicher gesetzt und Nach dem Login erhalten Sie userid aus dem lokalen Speicher.
Beispiele:
localstorage.setItem('userid',this.model.userid);
localstorgae.getItem('userid');
Sie sollten einen Authentifizierungsdienst verwenden, der die nicht sensiblen Benutzerinformationen in einer beobachtbaren Eigenschaft speichert, so dass Sie überall in der Anwendung verweisen können, die es benötigt wird. Dann können Sie es auf der Seite anzeigen, nachdem Sie es in Ihre Komponenten injiziert haben.
In Ihrem Authentifizierungsdienst können Sie eine Observable Ihres aktuell angemeldeten Benutzers speichern. Diese Daten sollten von Ihrem Server (API) übergeben werden.
In Ihrer Komponente, importieren Sie den Dienst und kann folgendes tun:
const user = this.userService.getUser();
in Ihrem HTML können Sie etwas Linkes tun:
Hello {{user.first}} {{user.last}} !!
kühlen, was haben Sie versucht? – jhhoff02
Ich habe versucht, Daten mit API zu holen, aber es zeigt alle Daten an. Aber ich möchte nur eingeloggte Benutzerdaten. Also bin ich verwirrt – Krunal