I'm encountering issues while trying to incorporate nested states in my project.
Although the View template and JavaScript calls are being made and loaded, the screen is not changing - in other words, the nested screen is not displaying.
http://{domain}/#/app/store/users/1/new
Here is a snippet of the code I am working on:
.state('app.store.users', {
url: '/users/:storeid',
params: { storeid: '1' },
templateUrl: 'store/users',
controller: 'UsersController',
require: ['users', 'datatables'],
data: {
displayName: 'Store Users'
}
})
.state('app.store.users.new', {
url: '/new',
templateUrl: 'store/newuser',
controller: 'NewUserController',
require: ['newuser'],
data: {
displayName: 'New User'
}
})
;
http://{domain}/#/app/store/users/1/new
Based on the URL above, it should be displaying Users, not NewUser.
Thank you in advance!