Nested State
// Parent
.state('activities', {
url: '/activities',
controller: 'AllActivitiesController',
controllerAs: 'activities',
templateUrl: '/app/templates/allActivities.html',
resolve: {
user: function(){
return { name: "Hemant"}
}
},
myData: "Hello Fool"
})
// Child
.state('activities.details', {
url: '/details',
templateUrl: '/app/templates/allActivities.html',
// resolve & myData from parent inherited
})
// OR
.state('details', {
url: '/details',
parent: "activities",
templateUrl: '/app/templates/allActivities.html',
// resolve & myData from parent inherited
})
// OR
.state('details', {
url: '/details',
parent: activities, // activities not string here as previous
templateUrl: '/app/templates/allActivities.html',
// resolve & myData from parent inherited
})
Last updated
Was this helpful?