javascript - 在 AngularJs 中绑定(bind) Websocket 消息

标签 javascript angularjs websocket sockjs

我被我的迷你项目困住了,我感觉这很琐碎......

我正在尝试将 websocket 消息绑定(bind)到 Angular 数据模型。我好像做不到...

在我的 Controller 下方和一些用于显示数据的 html。

    controllers.WebsocketController = mainModule.controller('WebsocketController', function($scope){
    $scope.test = 'test string';
    var socket = new SockJS('/dashboard');
    stompClient = Stomp.over(socket);
    stompClient.connect({}, function(frame) {
        setConnected(true);
        console.log('Connected: ' + frame);
        stompClient.subscribe('/topic/dashboardEntries', function(message){
            $scope.dashboardEntries = message.body;
        });
    });
})

这就是我用来显示数据的:

<div id="dateDiv" class="container" ng-controller="WebsocketController">
    <p id="response"> {{dashboardEntries}} </p>
    <p id="response1"> {{test}} </p>
</div>

我似乎无法理解为什么显示测试数据对象而仪表板条目不显示...我调试了我的代码并且收到了这些消息 - 我也能够使用 jQuery 填充该段落,但数据绑定(bind)确实如此似乎不起作用...

最佳答案

$scope.$apply();

成功了...

关于javascript - 在 AngularJs 中绑定(bind) Websocket 消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34888311/

相关文章:

javascript - React JS获取数组中数字的总和

javascript - 图形丰富的 Javascript 饼图库

javascript - 在 AngularJS 中刷新服务器生成的模板

javascript - AngularJS:如何在 Controller 中手动将输入设置为 $valid?

javascript - 如何使用 KnockoutJS 从外部 observableArray 中删除项目

javascript - 如何比较文本与数组元素?

AngularJS ng-checked 不改变模型值

websocket - 在 clojure 中使用sente packers.transit/get-transit-packer时出现无效事件 "~#chsk/handshake"

android - 让我们加密证书以使用 android api < 20

使用 flutter 的带有自签名证书的 SSL IOWebSocketChannel