Web Socket Inonic

socketIonic.ts

// npm install socket.io-client --save

import * as io from 'socket.io-client';

socket:any
chat_input:string;
chats = [];

constructor(public navCtrl: NavController) {
  this.socket = io('http://localhost:3000');

  this.socket.on('message', (msg) => {
      console.log("message", msg);
      this.chats.push(msg);
  });
}

 send(msg) {
   if(msg != ''){
     this.socket.emit('message', msg);
   }
  	 this.chat_input = '';
 }

// ejemplo HTML 
/* 
<ion-content padding>
  <ion-list>
    <ion-item *ngFor="let message of chats">{{message}}</ion-item>
  </ion-list>

  <ion-item>
    <ion-input type="text" [(ngModel)]="chat_input" placeholder="Enter message"></ion-input>
  </ion-item>

  <button ion-button block (click)="send(chat_input)">Send</button>
</ion-content> 
*/