angular-ui-router
  • Introduction
  • Configuring State
  • Activating State
  • Named Views
  • Nested State
  • onEnter onExit
  • Passing Data
  • Resolve Property
  • State Params
  • State Service
  • State Events
  • Abstract State
Powered by GitBook
On this page

Was this helpful?

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 
})
PreviousNamed ViewsNextonEnter onExit

Last updated 5 years ago

Was this helpful?