Subheader title problem on Android


#1
<ion-view title="Category">    
    <ion-header-bar class="bar-subheader">
        <h1 class="title" ng-bind-html="category.name"></h1>
    </ion-header-bar>

    <ion-content class="has-header">
    </ion-content>
</ion-view>

Title is shown on iOS devices but not on Android

“category” object is loaded from $http request inside a controller.

Thanks in advance


#2

Use below code

<ion-view>
 <ion-nav-title>Category</ion-nav-title>
</ion-view>

#3

Hello technotip!
The problem is on “ion-header-bar” title. I would like to show the attribute name of the object category as the title in ion-header-bar.

“category” is an object loaded with $http.get request inside a controller.

In iOS the title shows correctly, in Android devices it doesn’t show…


#4

Could you put together a simple codepen example?


#5

See the Pen YXQYbz by Valerio Barbera (@valerione) on CodePen.

Works in iOS and Web (Chrome). Title doesn’t show on Android devices


#6

I am having the exact same problem. I have an < h3>title< /h3> in my subheader and it shows up fine in chrome and IOS. On Android, the subheader bar is there in the right place and the content is adjusted down as it should be, but the bar is empty (no title).

Did you find a solution to this?