模型更改后ng-repeat不更新-ng-repeatnotupdatingaftermodelchanged

So we're developing this angular app with a firebase backend. I am having trouble with this particular function we're implementing. Basically what it does is every time a different option is selected, the showData() function fires to retrieve the relevant data from firebase (and it works). The problem is that the ng-repeat only updates on the first selection change. Successive selection changes are not reflected in the ng-repeat (although the data is retrieved and thus, the model changed).

所以我们正在使用firebase后端开发这个角度应用程序。我正在实现这个特定功能的问题。基本上它所做的是每次选择不同的选项时,showData()函数将触发从firebase检索相关数据(并且它可以工作)。问题是ng-repeat仅更新第一次选择更改。连续选择更改不会反映在ng-repeat中(尽管检索数据,因此模型已更改)。

View:

...
    
      {{ entry.serial }}
    
  
  

    
    ...
    

      

        
{{ entry.id }}
        
{{ entry.timestamp | date:"yyyy MMM dd 'at' h:mm:ssa" }}
        
{{ entry.amount }}
      
    
  

Controller:

...
.controller('dataController', ['$scope', '$firebaseArray', function($scope, $firebaseArray) {
    ...    
    $scope.showData = function() {
      $scope.dataHistory = [];
      transfersRef.orderByChild('serial').equalTo($scope.selectedOption).on('child_added', function(snap) {
        transactionsRef.orderByKey().equalTo(snap.val().transactionID).on('child_added', function(data) {
          var entry = {};
          entry = data.val();
          entry.id = data.key();
          usersRef.child(entry.fromUserId).child('name').once('value', function(nameSnap) { entry.fromUsername = nameSnap.val(); });
          usersRef.child(entry.toUserId).child('name').once('value', function(nameSnap) { entry.toUsername = nameSnap.val(); });
          console.log('entry: \n' + entry);
          $scope.dataHistory.push(entry);
        });
      });
    };
  }])
...

1 个解决方案