Step 4.3: Create a stub for the component

src/pages/messages/messages.ts

@@ -0,0 +1,21 @@
+import { Component, OnInit } from "@angular/core";
+import { NavParams } from "ionic-angular";
+import { Chat } from "api/models/whatsapp-models";
+
+@Component({
+  selector: "messages-page",
+  template: `Messages Page`
+})
+export class MessagesPage implements OnInit {
+  selectedChat: Chat;
+
+  constructor(navParams: NavParams) {
+    this.selectedChat = <Chat>navParams.get('chat');
+
+    console.log("Selected chat is: ", this.selectedChat);
+  }
+
+  ngOnInit() {
+
+  }
+}