Ion nav back button hides whe using component directives as templates

ionic-v1
1

I’ve come across an issue with ‘ion-nav-back-button’ and need some help to get that fixed.

The button works fine if I define states like:

.state(‘home.itemDetails’, {
url: “/item/:itemId”,
views: {
‘tab-items’: {
templateUrl: ‘views/item-details.html’,
controller: ‘ItemDetailsCtrl as itemDetails’
}
}
})

But when using directive components as my templates (as suggested http://www.codelord.net/2015/12/25/configuring-components-with-ui-router-and-ngroute/, the back button doesn’t show up

.state(‘tabs.itemDetails’, {
url: “/item/:itemId”,
views: {
‘tab-items’: {
template: ‘’
}
}
})

I am sure that someone can definitely help me with a quick and easy fix for this issue.

Thanks