1.npm下载:

npm install angular2-websocket

2.需要在哪个组件使用就在那里引入:

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

3.具体的使用看以下代码:

 sendMsg() {
//新建连接
var ws = new $WebSocket("具体地址");
//打开连接
ws.onOpen(function () {
console.log('连接成功')
ws.send('发送的消息内容').subscribe(
(msg) => {
//连接成功此处打印成功的提示
console.log("next", msg.data);
},
(msg) => {
//连接失败则打印此信息
console.log("error", msg);
},
() => {
//不管有没有连接成功必须执行到此处
console.log("complete");
// 可在此处关闭连接,由你websocket实现的具体功能决定
// ws.close(false); // close
// ws.close(true); // close immediately
}
);
});
//接收服务器返回的信息就另外写个
ws.onMessage(
(msg: MessageEvent) => {
console.log('recriveMsg',msg)
},
{ autoApply: false }
); }

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

最新文章

  1. iOS 字典与JSON相互转换
  2. JQuery02
  3. MySQL 语句大全--------添加列,修改列,删除列
  4. iOS-nil,Nil,NULL的区别
  5. C#抓包
  6. Mybatis 学习-1
  7. laravel 框架 开源的cms推荐
  8. 在虚拟中开启Windows 8.1的Hyper-V平台
  9. Java Calendar实现控制台日历
  10. HDU5301
  11. JDBC编程之事务处理
  12. Linux 日志
  13. 根据XML文件生成XSD文件
  14. 浅析String类
  15. ECMAScript 6 学习总结
  16. lumisoft.net 邮件管理系列文章 - 如何判断附件为内嵌式还是附加式
  17. PHP-FPM 不完全指南
  18. Android-系统解析AndroidManifest
  19. 编译和使用 MySQL C++ Connector
  20. HDU 4511 小明系列故事——女友的考验 (AC自动机 + DP)

热门文章

  1. 安装Apache时端口号被占用解决方案
  2. iOS---GCD的三种常见用法
  3. cobbler 自定义安装系统
  4. (转)Python标准库02 时间与日期 (time, datetime包)
  5. http2.0之头部压缩
  6. C++的开源跨平台日志库glog学习研究(一)
  7. Java之IO(七)ObjectInputStream和ObjectOutputStream
  8. RabbitMQ初学之二:直接发送消息到队列
  9. 如何在NAS上安装Git Server
  10. Android 开发工具类 04_KeyBoardUtils