what does abstract:true do in ui-router?

Question

Sorry my question may seems duplicate beacuse i'm learning Angular JS with some downloaded template but i dint get anything what i exactly need with my searching.

what does abstract: true means?

the main question is .otherwise('/app/dashboard'); taking me to partials/app_dashboard.html if i had mentioned /dashboard in otherwise it should take me there but why /app/dashboard landing me in partials/app_dashboard.html. does abstract: true have any effect in otherwise?

header div, container div(ui-view) and footer div was placed in app.html

$urlRouterProvider

        .otherwise('/app/dashboard');
    $stateProvider            
        .state('app', {
            abstract: true,
            url: '/app',
            templateUrl: 'partials/app.html'
        })
        .state('app.dashboard', {
            url: '/dashboard',
            templateUrl: 'partials/app_dashboard.html'
        })
        .state('app.ui', {
            url: '/ui',
            template: '<div ui-view class="fade-in-up"></div>'
        })

Check this answer with detailed explanation and examples: http://stackoverflow.com/a/25499004/1679310 — Radim Köhler, Aug 27 '14 at 11:09

score 9 · Accepted Answer · answered Aug 27 '14 at 11:02

9

abstract - {boolean=} - An abstract state will never be directly activated, but can provide inherited properties to its common children states.

From ui-router docs

answered Aug 27 '14 at 11:02

Roman Kolpak

1,942
21
25

thanks for reply @rawry, what about .otherwise('/app/dashboard'); – maghub Aug 27 '14 at 11:06
1

if no state or url matches, then it will use the url specified in .otherwise(), its like a default, if nothing matches i show the home page – Vamsi Aug 27 '14 at 11:08
@rawry can we set the .otherwise state to the abstract state? – alphapilgrim Mar 06 '16 at 18:53

what does abstract:true do in ui-router?

1 Answers1