I'm currently facing an issue with routing that I mentioned in the title.
Even though my route is functioning, it encounters difficulties when the page is reloaded.
Below is the routes object:
{
state: 'locations',
config: {
parent: 'root',
url: '/locations',
abstract: true,
template:
'<!-- // LOCATIONS START // -->' +
'<div data-ui-view></div>' +
'<!-- // LOCATIONS END // -->'
}
},
{
state: 'locations.manageLocation',
config: {
url: '/manage/customer-details',
templateUrl: 'platform/app/locations/locations.manage-location.html',
controller: 'LocationsManageController',
controllerAs: 'vm',
title: 'Locations - Loading',
params: {
id: null
},
requires: {
login: true,
params: {
storage: {
id: 'campaignId'
},
values: ['id']
}
}
}
Link to route:
<a data-ui-sref="locations.manageLocation({ id: customer.id })" class="button" href="#/locations/manage/customer-details">Manage Locations</a>
The error shown in the console is:
Could not resolve 'undefined' from state ''I am uncertain about the reason behind this issue. Appreciate any help in advance.