ng-repeat，http.get不更新

Question

我的控制器中有一个简单的http.get调用，如下所示

$scope.data = {};
$scope.data.displayBean = {};
$scope.fetchEventDetails = function() {
  $http.get('http://localhost:8080/api/v1/event_details?eventId=' + $scope.data.selectedEventId)
    .then(function(theEvent){
      $scope.data.displayBean = theEvent;
  });
};

在我看来，我使用了ng-repeat，如下所示

<div class="list-group" data-ng-controller="MainCtrl">
<a href="#" class="list-group-item" ng-repeat="(key,val) in data.displayBean">
  <h5 class="list-group-item-heading">{{key}}</h5>
  <p class="list-group-item-text">{{val}}</p>
</a>
</div>

但即使我在将其记录到控制台时从API调用中获得响应，它似乎也无法更新视图。

我在这里缺少什么？

Answer 1

Blog

你可以尝试$ scope.data.displayBean = theEvent.data;