reload state when you are on same state in angular ui-router

Question

My Question is can we reload the view in ui-router if you are on same state. check my code at`http://plnkr.co/edit/MA7CuyH2RFrlaoAgBYog?p=preview

My app.js file is

var app = angular.module('plunker', ['ui.router']);
app.config(function($stateProvider) {
$stateProvider
  .state("view1", {
    url: "/view1",
    templateUrl: "x.html"
  })
  .state("view2", {
    url: "/view2",
    templateUrl: "y.html"
  })
})
app.controller("MainCtrl",function(){});

And index page is

<body ng-controller="MainCtrl">
<a href="#/view1">Accounts</a>
<a href="#/view2">Dashboard</a>
<div ui-view></div>

Now click on Dashboard link here you will see a text box. fill any value in that. Now again click on Dashboard link. now the state should reload and all data of page should be reloaded including its controller. Please make sure to ui-router only.

Thanks

Possible duplicate? stackoverflow.com/questions/21714655/… — Justin Obney
– Justin Obney, Commented Jul 4, 2014 at 18:44
Hi Justin here the question is different. I want to reload the page with menu click if same menu is clicked — Amit Mourya
– Amit Mourya, Commented Jul 5, 2014 at 5:01

Shireesh Kumar · Accepted Answer · 2015-12-15 19:58:41Z

7

add attribute to the element with

ui-sref=""ui-sref-opts="{reload:true}"

example:

<a ui-sref-opts="{reload:true}" ui-sref="app.post.applicants">Applicants</a>

answered Dec 15, 2015 at 19:58

Shireesh Kumar

1541 silver badge3 bronze badges

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

Comments

jaamba · Accepted Answer · 2015-12-15 20:02:19Z

1

Use ng-click and write a controller function with $state.go

answered Dec 15, 2015 at 20:02

jaamba

212 bronze badges

Comments

Justin Obney · Accepted Answer · 2014-07-07 00:41:48Z

0

You could catch the click in a "ng-click" and use the $state service to transition/reload pragmatically

answered Jul 7, 2014 at 0:41

Justin Obney

1,0783 gold badges13 silver badges25 bronze badges

Comments

jewelfarazi · Accepted Answer · 2014-09-04 22:02:14Z

0

I had this similar issue and I solved this in two simple way ...

First I wrote a function into related controller (my state was 'inbox' you can use your own ui-state):

$scope.reload = function() { $state.go('inbox', null, { reload: true }); }

Second call this function to anchor tag:

<a ng-click="reload()">Inbox</a>

Hope it will help. :)

answered Sep 4, 2014 at 22:02

jewelfarazi

4604 silver badges10 bronze badges

Collectives™ on Stack Overflow

reload state when you are on same state in angular ui-router

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Related