Let's say I have the following 3 Angular UI Router states:
$stateProvider
.state('adminCompanies', {
abstract: true,
url: /admin/companies,
template: '<div ui-view class=viewContainer autoscroll=false />'
})
.state('adminCompanies.list', {
url: ,
templateUrl: 'app/admin/companies/companies.list.html',
controller: 'AdminCompaniesController'
})
.state('adminCompanies.detail', {
url: /:companyId,
templateUrl: 'app/admin/companies/companies.detail.html',
resolve: {
company: function(Model, $stateParams) {
return Model.get(/admin/companies, $stateParams.companyId);
}
},
controller: 'AdminCompanyDetailController'
})
If the adminCompanies
is transitioned to directly, how can I tell Angular UI Router to go to the adminCompanies.list
state instead?
Ideally, what I'd like to is something like:
$stateProvider.when('adminCompanies', 'adminCompanies.list');
In my code, I then want $state.go('adminCompanies') to be equivalent to $state.go('adminCompanies.list')