Step 2.8: Use the chats page component in ion-tabs

Urigo · Feb 26, 2017 · 73417c6 · 73417c6
1 parent ca495f8
commit 73417c6
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/client/imports/pages/tabs-container/tabs-container.component.ts b/client/imports/pages/tabs-container/tabs-container.component.ts
@@ -1,17 +1,20 @@
 import {Component} from "@angular/core";
+import {ChatsComponent} from "../chats/chats.component";
 
 @Component({
   selector: "tabs-container",
   template: `
   <ion-tabs>
-    <ion-tab tabIcon="chatboxes"></ion-tab>
+    <ion-tab [root]="chatsRoot" tabIcon="chatboxes"></ion-tab>
     <ion-tab tabIcon="contacts"></ion-tab>
     <ion-tab tabIcon="star"></ion-tab>
     <ion-tab tabIcon="clock"></ion-tab>
   </ion-tabs>
   `
 })
 export class TabsContainerComponent {
+  chatsRoot = ChatsComponent;
+
   constructor() {
 
   }