当您从后端收到消息时如何使用socket -io进行ng-repeat?

时间:2016-07-13 15:05:53

标签: javascript angularjs socket.io

我正在侦听socket.on,我想列出来自后端的所有消息,我正在尝试使用ng-repeat列出所有传入的消息,但是它会分成字母并仅列出第一条消息。有没有更好的方法来使用angularJs ng-repeat或其他指令来监听socket.io?

main.html中

<div class="col-md-4">
            <p ng-repeat="data in message track by $index">{{data}}</p>
 </div>

ctrl.js

 socket.on('ditConsumer',function (data) {
        $scope.message = data;
        console.log($scope.message);
    });

1 个答案:

答案 0 :(得分:1)

您需要触发摘要周期才能将数据附加到数组中:

socket.on('ditConsumer', data => {
    $scope.$apply(() => $scope.message.push(data));
});