Within our AngularJS app, I am dynamically creating states using ui-router.
Consider an array of states like the following:
const dynamicStates = [
{name: 'alpha', template: '123'},
{name: 'bravo', template: '234'}
];
The process of building these states could resemble the example below:
const states = [];
dynamicStates.forEach(state =>
states.push(
state: state.name,
resolve: {
templateDetails: ['Service', (Service) =>
Service.getTemplate(state.template)
.then(response => response)
]
}
)
})
states.forEach(states => $stateProvider.state(state));
In this scenario, the value of state.template within the resolve function consistently remains as '123'. It seems like there may be a closure issue at play here, but understanding how exactly the resolve functions work and what they return has proven to be a challenge. Consequently, closing the scope around state.template has been elusive.
Any insights or suggestions would be greatly appreciated. Thank you!