In an AngularJS Single Page Application, if you are in the main page and now you route to the second page, and use the "service" (as a global), and use `myService.cityName` to pull data using AJAX (by using `$resource`), that's fine.

But what if on your page header, you also have an input text box, and you can type in a city name, and when the user press Enter, you are routing to the same page (the second page). So I think browser didn't do anything because it is the exact same URL. How would you solve this issue or what is the AngularJS's way of handling this?

(**Update:** it is not to refresh or reload a page... it is about, say, you get weather data for a city, and you are on the forecast subpage, with a path of `#/forecast`. Now at the top search box on the page, you enter a different city and click "Submit" to go to the same path `#/forecast` then nothing will happen)

**Update2**: essentially, in my controller code:

```
$scope.submit = function() {
    $location.path("/dataPage");
}

```

and my form is `<form ng-submit="submit()">`.

so if I am already on the dataPage, then now browser wants to go to dataPage to show new data, but since the path and hash is exactly the same, the browser just will not do anything. (I suppose due to no `hashchange` event happened, so nobody will notify AngularJS to do anything)