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?