在ajax请求之后，ng-repeat不会更新视图

Question

这是我的控制器

app.controller('topicsController', ['API','$scope', function(API,$scope){
  $scope.$on('loadTopics',function(){
    API.topics.query(function(data){ 
       $scope.topics=data;
       console.log('topics loaded'); 
    });
 });
}]);

HTML

    <div class="right_side" >
         <aside class="user_tags" ng-controller="topicsController">
         <h4>Actual topics</h4>
         <ul>
             <li ng-repeat="topic in topics" ><a ui-sref="topicpage({tag:topic.tag})">{{topic.tag}}</a></li>
         </ul>
        </aside>
    </div> 

问题是视图仅在页面重新加载时更新，但如果在页面上调用ajax请求（通过按钮例如），则视图不会更新。 搜索了很多，试过$ timeout和$ apply，两个都没有帮助。