AngularJS ui-router ui-sref giving cached results

Question

My project is about posts creation. On successfull creation of post, page will be redirected to post show page. In the post show page a link to posts index is given. I'm using ui-sref directive for redirection.

Issue I'm facing- after redirecting back to index page the new posts are not showing up. the page is cached and showing old results. I need page to be reloaded and fetch all results

i have added cache : false option in $http but no success

code

routes

.state('main.tabs.dash', {
    url: '/dash',
    views: {
      'tab-dash': {
        templateUrl: 'views/tab-dash.html',
        controller: 'PostsCtrl'
      }
    }
  })

view

<a ui-sref="main.tabs.dash">back to Index</a>

controller

'use strict';
myApp.controller('PostsCtrl', ['$scope', '$http', '$location', 'Auth', '$state', '$rootScope', 'registrationData', function ($scope, $http, $location, Auth, $state, $rootScope, registrationData) {
        $scope.posts = {};
        $http({
            url: $rootScope.url + '/posts',
            method: 'GET',
            cache: false,
            params: {
                user_email: xxxx,
                user_token: xxxx
            },
            headers: {
                'Authorization': 'Token token=' + xxxx,
                'Accept': 'application/json'
            }
        }).success(function (data) {
            $scope.posts = data;
        }).error(function (error) {
            console.log(error);
        });
    }]);

One thing I can suggest right off the top is that you look at ui-router's resolve functionality for fetching data for a state. — JAAulde
– JAAulde, Commented Jan 20, 2015 at 20:03
can you see a request being queued, on network tab of dev tools? — André Werlang
– André Werlang, Commented Jan 20, 2015 at 22:46
no in network tab request is not queued.. its loading the cached results — user1980065
– user1980065, Commented Jan 21, 2015 at 7:04

thoeni · Accepted Answer · 2015-06-28 15:38:46Z

-1

You can add the attribute cache: false to the state configuration in routes. Starting from your example into routes:

.state('main.tabs.dash', {
    url: '/dash',
    cache: false,
    views: {
      'tab-dash': {
        templateUrl: 'views/tab-dash.html',
        controller: 'PostsCtrl'
      }
    }
  })

answered Jun 28, 2015 at 15:38

thoeni

4,1242 gold badges16 silver badges15 bronze badges

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

2 Comments

robBerto Over a year ago

In UI-Router APi doesn't appear parameter cache. Anyway, I've tried and the solution not working.

mtamma Over a year ago

as state by @robBerto 'cache' property does not available on ui-router api. tested and confirm

Collectives™ on Stack Overflow

AngularJS ui-router ui-sref giving cached results

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related