我如何从 PubNub 函数内部将 array.push 到 Angular 范围？

Question

我的 HTML

ng-app 和 ng-controller 在前面的标记中指定

<div class="statusEntry" ng-repeat="statusInput in statusInputs">
 <span class="userName"> a </span>                
 <span  class="statusMsg"> b </span>                
</div>

控制器

app.controller('globalCtrl', ['$scope', function($scope) {
//someWork
pubnub.subscribe({
channel: "statuses",
callback:
function (data) {

    splitData = data.split(';');
    prepData = '{'+splitData[0]+','+splitData[1]+'}';
    statusInputs.push(prepData);
}
});

当我推送数据时，不会出现新对象。 即使我在statusInputs 前面加上$scope，Angular 也无法获取数据。

看起来我需要将数据从嵌套函数传递到根范围，我不知道如何。

Answer 1

当你第一次到达你的控制器时初始化数组：

$scope.statusInputs = [];

在你的回调函数中改变：

statusInputs.push(prepData);

到

$scope.statusInputs.push(prepData);
//also, because pubnub is defined outside of angular
//call $scope.$apply() to force angular to recognize 
//the change on the scope
$scope.$apply()

基本上，您是在您的范围内声明一个数组，您的 UI 将使用该数组，然后在每次回调时将项目附加到该绑定数组中。