Angular 2/4 : Alerts and notifications from the server

标签 angular signalr angular2-services signalr-hub

我正在创建一个新的 Angular 2/4 应用程序。在主页上,我需要显示从服务器收到的任何紧急/紧急消息。我想知道在这种情况下最好的选择是什么。我查看了一些库但没有用。在这种情况下,signalr 会提供帮助吗?或谷歌 Material ?

最佳答案

我和@fastAsTortoise有同样的想法。单向通知 channel (服务器到客户端)完全符合服务器发送事件的目的。我不会为此引入新的第三方库依赖项,因为这是一项简单的任务。

四处寻找后端语言的示例。客户端非常简单。在根组件的 ngOnInit 方法中,您可以打开 channel 并订阅其消息

eventChannel = new EventSource('YOUR_SERVER_URL_HERE');

ngOnInit(){
    Observable.fromEvent(this.eventChannel, 'open').subscribe(
        () => console.log('channel is open')
    );
    Observable.fromEvent(this.eventChannel, 'message').subscribe(
        e => console.log('message received', e.data)
    );
}

结账 the interface for Server-Sent-Events

关于 Angular 2/4 : Alerts and notifications from the server,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47017428/

相关文章:

angular - wsl2 中的 Angular-CLI 比默认的 powershell 慢得多是否正常?

http - 在 Angular 2 中的选项卡之间共享 sessionStorage 然后立即使用它?

javascript - 在 Angular 中单击指令属性元素外部时将样式应用于元素

angular - 如何将 Angular 中的 preserveWhitespaces 选项全局设置为 false?

asp.net-core - Flutter 的 SignalR 集线器连接错误

c# - 链接时 IAuthenticationHandler 出现错误 XA2006

.net - 在 IIS7 中配置时 SignalR 聊天不起作用 - Windows 7

Angular 2 - 将 Auth 服务从 AuthModule 导出到 AppModule

Angular2 火力地堡 : Response for preflight has invalid HTTP status code 405

javascript - 在自定义服务中通过 Promise Angular 获取值(value)