My intent is to
I tried to implement this by including templates using ng-include. Although it is not reloading the controller, the route url remains unchanged. Is there any other way to achieve this?
Set reloadOnSearch to false on the route - to prevent the controller from reloading when a query parameter or hash in the url changes. For more info, see here.
reloadOnSearch only relates to query parameters or hashes. So you would have to use query parameters for it to work. For example, your links would be something like this:
<a href="#/test?id=1">Link 1</a>
<a href="#/test?id=2">Link 2</a>
You can pick up the id using the $location service, like this:
function testCtrl($scope, $location) {
alert("reloading controller with id: " + $location.search().id);
}
There is an updated fiddle here: http://jsfiddle.net/donal/2cz4nz3o/1/
Picking up from Donal's answer, this is what I end up doing.
reloadOnSearch=false in the routeprovider.Route Handing
When getting routed via url,
catch the param using $location.search() and load the corresponding template from within the controller.
When loading a different template within the controller.
trigger a function to change the template and update the url using
$location.search('id',newTemplateId);Since the reloadOnSearch is set to false, it does noting but changes the url.
Have a look at this fiddle
Hope it helps somebody.
UPDATE : you may also want to set $routeUpdate when using reloadOnSearch. More info here.
here's an SO post for a similar question and some alternatives are given in the answers (alternatives to reloadOnSearch = false depending on your application)
