1.npm下載：

? ?npm install angular2-websocket

2.需要在哪個組件使用就在那里引入：

? ?import {$WebSocket} from 'angular2-websocket/angular2-websocket'

3.具體的使用看以下代碼：

??

1 sendMsg() { 2 //新建連接 3 var ws = new $WebSocket("具體地址"); 4 //打開連接 5 ws.onOpen(function () { 6 console.log('連接成功') 7 ws.send('發送的消息內容').subscribe( 8 (msg) => { 9 //連接成功此處打印成功的提示 10 console.log("next", msg.data); 11 }, 12 (msg) => { 13 //連接失敗則打印此信息 14 console.log("error", msg); 15 }, 16 () => { 17 //不管有沒有連接成功必須執行到此處 18 console.log("complete"); 19 // 可在此處關閉連接，由你websocket實現的具體功能決定 20 // ws.close(false); // close 21 // ws.close(true); // close immediately 22 } 23 ); 24 }); 25 //接收服務器返回的信息就另外寫個 26 ws.onMessage( 27 (msg: MessageEvent) => { 28 console.log('recriveMsg',msg) 29 }, 30 { autoApply: false } 31 ); 32 33 34 35 }

4.以上是最基本的angular2 websocket 的使用方法，如需了解更多請移步看文檔

轉載于:https://www.cnblogs.com/zhangky/p/7526319.html

總結

以上是生活随笔為你收集整理的angular2 如何使用websocket的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。