javascript - Angular ng-repeat范围问题

我的{{}}中的任何内容都没有显示在我的html文件中。有人可以告诉我我在做什么错。我的控制台没有错误。

“ GOT DATA”将在我的控制台中打印，但不会显示在我的文件中。

这是我的HTML代码

<div class="announcements" ng-controller="onBusinessAnnouncementCtrl as announcements">
     {{announcements.latest}}
</div>

这是我从服务器提取的js代码

app.controller('onBusinessAnnouncementCtrl', function($scope, $http) {

   $http.get('http://localhost:3000/latest')
    .success(function(responses) {
      //$scope.latest = responses;
      $scope.latest = "GOT DATA";
      console.log($scope.latest);
    });
});

最佳答案

因为使用controller as syntac，所以应将控制器中的变量应用于this而不是$scope。

在使用转发器的AngularJS Ng-repeat is not working as expected中看到相同的问题

在上一个问题的答案下面：
在中继器中，您正在设置announcements.announcements的控制器中循环遍历$scope.announcements = response。

您可以在ng-repeat="eachAnnouncement in announcements"中更改转发器，或者将范围变量更改为：$scope.announcements = {announcements : response}