AngularJS REST 资源 - 刷新查询答案

【问题标题】：AngularJS REST resource - refresh queryAngularJS REST 资源 - 刷新查询
【发布时间】：2015-03-16 17:53:33
【问题描述】：

AngularJS中如何在不刷新页面的情况下刷新$resource的查询结果？

我的页面：

<div class="container" ng-controller="AppController">
  <div ng-repeat="tile in items">
    <p>{{tile.name}}</p>
  </div>

  <button ng-click='??'> Reload tiles </button>

</div>

控制器：

(function(angular) {
    var AppController = function($scope, Item) {
        Item.query(function(response) {
            $scope.items = response ? response : [];
        });
    };

    AppController.$inject = ['$scope', 'Item'];
    angular.module("myApp.controllers").controller("AppController", AppController);
}(angular));

我知道这可能是一个非常菜鸟的问题，但是我还没有找到任何解决方案（今天是我使用 AngularJS 的第一天，因此感谢您的帮助）。

【问题讨论】：

标签： javascript angularjs rest asynchronous angularjs-resource

【解决方案1】：

在您的控制器中，创建一个负责加载数据的函数：

var AppController = function($scope, Item) {
    $scope.refresh = function(){
         Item.query(function(response) {
            $scope.items = response ? response : [];
        });
    };

    $scope.refresh();
};

在您的按钮中，只需调用函数：

<button ng-click='refresh()'> Reload tiles </button>

【讨论】：