页面

app/apps.component.html

 <md-nav-list>
     <h3 md-subheader>所有应用</h3>
     <md-list-item *ngFor="let app of apps" [routerLink]="app.id">
-        <img md-list-avatar [src]="app.icon" alt="...">
-        <h3 md-line> {{app.id}} </h3>
+        <img md-list-avatar [src]="app.icon">
+        <h3 md-line> {{app.name['zh-CN']}} </h3>
         <p md-line>
             <span> {{app.id}} </span>
-            <span class="demo-2"> -- {{app.id}} </span>
+            <span> -- {{app.status}} </span>
         </p>
     </md-list-item>
 </md-nav-list>

app/apps.component.ts

@@ -3,6 +3,7 @@ import App from '../models/browserapp';
 import {AppService} from './app.service';
 import {MdDialog, MdSnackBar} from '@angular/material';
 import {AppCreateComponent} from './app-create.component';
+import {Router} from '@angular/router';
 
 @Component({
     selector: 'apps',
@@ -13,7 +14,7 @@ import {AppCreateComponent} from './app-create.component';
 export class AppsComponent implements OnInit {
     apps: App[];
 
-    constructor(private appService: AppService, private dialog: MdDialog, private snackBar: MdSnackBar) {
+    constructor(private appService: AppService, private dialog: MdDialog, private snackBar: MdSnackBar, private router: Router) {
     }
 
     async ngOnInit() {
@@ -32,6 +33,7 @@ export class AppsComponent implements OnInit {
         }
         try {
             await this.appService.save(app);
+            await this.router.navigate(['/apps', app.id]);
         } catch (error) {
             this.snackBar.open(error.toString());
         }

models/browserapp.ts

@@ -15,6 +15,7 @@ class App {
     data: any;
     icon = 'http://www.immersion-3d.com/wp-content/uploads/2015/12/image-placeholder-500x500.jpg';
     created_at: Date;
+    status = '已发布';
 
     // TODO: 实现进 Model 里
     constructor(o: any) {