我如何从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将使用该数组，然后在每次回调时将项目追加到该绑定数组中。