I don't really know how to put this issue. I don't even know if it is really an issue, please pardon me.
I have two menu link having the same url with a query string value to differentiate what content to load
A: Url
http://localhost:55944/#/listing.html?type=buy
B: Url
http://localhost:55944/#/listing.html?type=rent
Discovery: When A is clicked the listing page loads with content of type 'buy' and if B is clicked while on the listing page, the page does not reload and content of type 'rent' is not loaded vis a vis.
Route:
$stateProviderReference
.state(routeName, {
url: url,
templateUrl: templateUrl,
data: { pageTitle: pageTitle, layoutId: layoutId },
controller: controller,
resolve: {
deps: ['$ocLazyLoad', function ($ocLazyLoad) {
return $ocLazyLoad.load({
name: name,
insertBefore: '#ng_load_plugins_before', // load the above css files before a LINK element with this ID. Dynamic CSS files must be loaded between core and theme css files
files: files
});
}]
}
})
http://localhost:55944/#/listing/buy
andhttp://localhost:55944/#/listing/rent
url
of the said routes look like, I cannot see that in this dynamic route code