How works Angularjs UI-Router

Question

I am trying to understand what exactly the parent attribute inside the state directive in UI-Router does.

For example, if I have:

$stateProvider
.state('base', {
    abstract: true,
    url: '',
    templateUrl: 'views/base.html'
})
.state('login', {
  url: '/login',
  parent: 'base',
  templateUrl: 'views/login.html',
  controller: 'LoginCtrl'
})

When I´m inside the login state, what things of the "base" parent will I have at my disposal? The template, its scope, what exactly? What does the abstract attribute of the "base" state do?

what exactly the question is?

Pankaj Parkar
– Pankaj Parkar

2015-07-18 19:43:05 +00:00
Commented Jul 18, 2015 at 19:43 — Pankaj Parkar
– Pankaj Parkar, Commented Jul 18, 2015 at 19:43
Sorry, I edited the question @PankajParkar.

fablexis
– fablexis

2015-07-18 19:47:34 +00:00
Commented Jul 18, 2015 at 19:47 — fablexis
– fablexis, Commented Jul 18, 2015 at 19:47

nalinc · Accepted Answer · 2015-07-18 20:01:04Z

1

What does the 'abstract' attribute of the "base" state do?

It simply make that state 'abstract'. An abstract state can have child states but can not get activated itself.

That is, you cannot do $state.go('base') since its abstract. An 'abstract' state is simply a state that can't be transitioned to.

When I´m inside the login state, what things of the "base" parent will I have at my disposal?

login state being a child state of base, inherit the url property of its parent as a prefix of its own url. It also inherit the following from its parent:

Yes, parent's scope is also accessible to its child state. Nothing else is inherited (no controllers, templates etc).

Source: Angular ui-router wiki

answered Jul 18, 2015 at 20:01

nalinc

7,43327 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nalinc Over a year ago

@fablexis: Glad that it helped. Welcome to the community :)

Collectives™ on Stack Overflow

How works Angularjs UI-Router

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related