Possibility of nav-bar (ion-view) having div tag or directive's template url on it

I’m wondering if is it possible to layout div tag or insert directive template url on the ion view header just as the picture above. I tried the code below but it doesn’t work right. WHat im trying to do here is that I use header.png as the background image of nav-bar and then try to place the barcode (generated from directive) on top of the background.

/html/
ion-view hide-back-button=“true”
 div class=“center”
    div class=“col” ng-repeat="(card, points) in getAccount().cards[0]"
        barcode value="{{card}}" /barcode /directive/
    /div
  /div
  ion-content padding=“true”
  /ion-content
/ion-view

/css/
.nav-bar.no-animation {
  background-image: url(header.png);
}