AngularJS REST资源 - 刷新查询

时间:2015-01-18 17:19:35

标签: javascript angularjs rest asynchronous angularjs-resource

如何在不刷新页面的情况下刷新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));

我知道这可能是非常的noob问题但是我找不到任何解决方案(今天是AngularJS的第一天,所以任何帮助都表示赞赏)。

1 个答案:

答案 0 :(得分:6)

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

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>