I'm trying to wrap my head around the purpose of the parent attribute within the state directive in UI-Router.
Let's consider this code snippet:
$stateProvider
.state('base', {
abstract: true,
url: '',
templateUrl: 'views/base.html'
})
.state('login', {
url: '/login',
parent: 'base',
templateUrl: 'views/login.html',
controller: 'LoginCtrl'
})
While in the login state, what components from the "base" parent state will be accessible to me? Will I have access to its template, scope, or something else entirely? And how does the abstract attribute of the "base" state come into play?