ui-router state empty {"name":"","url":"^","views":null,"abstract":true}
<p>I have the following configuration for my route:</p>

<pre><code>$stateProvider
.state('home', {
        url: '/',
        template: '&lt;home&gt;'
    })

.state('manage', {
    url: 'manage',
    abstract: true,
    template:'&lt;div ui-view&gt;&lt;/div&gt;'
})

.state('manage.map', {
    parent: 'manage',
    url: '/map',
    template: '&lt;dummy&gt;'
})
</code></pre>

<p>in my index. html, I have a ui-view :</p>

<pre><code>&lt;div ui-view&gt;&lt;/div&gt;
</code></pre>

<p>The problem i am having is that when i try to access the child state, it is sometimes empty <code>$state.current</code> looks like this <code>{"name":"","url":"^","views":null,"abstract":true}</code></p>