Refreshing pages in angularjs

Question

I have two html pages one is the main template(index) and other is the welcome page.the content of the maintemplate(i.e index page) is visible on every page . The index page contains a dropdown and on selection of dropdown,the data on the welcome page changes. I want to reload the welcome page on the drop down selection I am using location.reload(),but it reloads the entire page and I want to reload only the welcome page. Can somebody Help...Thanks

Don't use location.reload(), use ng-view and ng-router, where each of the dropdown selections would change the view. — RichS
– RichS, Commented Oct 19, 2015 at 5:03
Do you want to load welcome page again and again or you need to change the content (value) of welcome page ? — Tasnim Reza
– Tasnim Reza, Commented Oct 19, 2015 at 5:44
the content is based on the selection of dropdown say If A is selected A iis shows or if B is selected it show B — user3415447
– user3415447, Commented Oct 19, 2015 at 6:59

ACOMIT001 · Accepted Answer · 2015-10-19 05:04:03Z

2

I would look at using $route.reload.

For example:

<select ng-change="refreshPage()"><!-- Your select box content. -->

JS:

function refreshPage()
{
    $route.reload();
}

answered Oct 19, 2015 at 5:04

ACOMIT001

5101 gold badge8 silver badges21 bronze badges

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

1 Comment

user3415447 Over a year ago

Thanks,,I achieved it using $state.reload();.is it the correct way??

Collectives™ on Stack Overflow

Refreshing pages in angularjs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related