Abstract State

• Can't be activated

• url perpended to child state

• templateUrl must have where child view injected

// Parent
.state('activities', {
    url: '/activities',
    controller: 'AllActivitiesController',
    controllerAs: 'activities',
    abstract: true,
    templateUrl: '<h1>Activities </h1><div ui-view></div>',
    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 
})