AngularJS REST resource - refresh query

Question

How can I refresh query result of $resource in AngularJS without refreshing the page?

My page:

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

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

</div>

Controller:

(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));

I know it's possibly very noob question however I could not find any solution yet (today is my first day with AngularJS, so any help is appreciated).

Himmet Avsar · Accepted Answer · 2015-01-18 17:25:14Z

6

In your controller, create a function that is responsible for loading the data:

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

    $scope.refresh();
};

In your button, just call the function:

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

answered Jan 18, 2015 at 17:25

Himmet Avsar

1,53116 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS REST resource - refresh query

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related