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


#1

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);
}