update

app.js

@@ -50,7 +50,7 @@ server.run = function (options) {
       res.json({logined: true, user: {id: 1, username: "liuzheng", name: "liuzheng"}})
     })
     .get(function (req, res) {
-      res.json({logined: false, user: {id: 1, username: "liuzheng", name: "liuzheng"}})
+      res.json({logined: true, user: {id: 1, username: "liuzheng", name: "liuzheng"}})
     });
 
 

src/app/welcome.component.ts

 /**
  * Created by liuzheng on 2017/8/31.
  */
-import {Component} from '@angular/core';
-import {AppService} from './app.service';
+import {Component, OnInit} from '@angular/core';
+import {AppService, DataStore, User} from './app.service';
 
 @Component({
   templateUrl: './welcome.html',
-  providers: [AppService],
+  providers: [AppService]
   // directives: [LeftbarComponent, TermComponent]
 })
 
 export class WelcomeComponent {
+  DataStore = DataStore;
+
+
   // DataStore = DataStore;
 }

src/app/welcome.html

@@ -7,7 +7,7 @@
         <button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Toggle nav</button>
       </p>
       <div class="jumbotron">
-        <h1>Hello, world!</h1>
+        <h1>Hello, world! {{DataStore.user.username}}</h1>
         <p>This is an example to show the potential of an offcanvas layout pattern in Bootstrap. Try some
           responsive-range viewport sizes to see it in action.</p>
       </div>