angular中webscoket连接
时间: 2024-01-23 13:01:56 浏览: 102
websocket链接
可以使用Angular中的WebSocket API来建立WebSocket连接。首先需要导入WebSocket模块,然后在组件中使用WebSocket对象来建立连接。以下是一个示例代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-websocket',
template: `
<div>{{ message }}</div>
`
})
export class WebsocketComponent {
private socket: WebSocket;
public message: string;
constructor() {
this.socket = new WebSocket('ws://localhost:8080/ws');
this.socket.onmessage = (event) => {
this.message = event.data;
};
}
}
其中,'ws://localhost:8080/ws'是WebSocket服务器的地址和端口号,onmessage回调函数将在接收到消息时被调用。
阅读全文