は、私はこのコードを使用しているangular2

Question

にログイン後、ユーザー名が表示されます （http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial）

しかし、私は、認証サービスのためのルーメン内に作成されたAPIを使用していました。 ここで私のhome.component.htmlにユーザ名を表示したい

Answer 1

をし、ログイン後にローカルストレージからuseridを取得します。例については

：

は

localstorage.setItem('userid',this.model.userid); 

localstorgae.getItem('userid'); 

Answer 2

重要ではないユーザ情報を観察可能なプロパティに保存して、必要なアプリケーションのどこでも参照できるようにする認証サービスを使用する必要があります。それをコンポーネントに注入した後、ページに表示することができます。

Answer 3

認証サービスでは、現在ログインしているユーザーの監視可能な情報を保存できます。このデータはサーバー（API）から渡されます。あなたのコンポーネントで

、あなたがサービスをインポートして、次の操作を実行できます。

const user = this.userService.getUser(); 

あなたのHTMLでは、あなたが何かのリンケ行うことができますログインはローカルストレージにuseridを設定している間

Hello {{user.first}} {{user.last}} !!