Different header on each site

@Driesel wrote:

Hey guys,

i try to change the header of this app:

http://market.ionic.io/starters/ionic-backand-with-social

What i need is to create a separate header for each site.
I tried it with ion-header, but this doesn't work.
Anyone an idea?

Here is the code:

<ion-view view-title="Items">
    
    <div ng-if="!vm.isCreating && !vm.isEditing">
        <ion-nav-buttons side="primary">
            <button class="button" ng-click="doSomething()">
                I'm a button on the primary of the navbar!
            </button>
        </ion-nav-buttons>
        <ion-content>
                <ion-list>
                    <ion-item class="item-remove-animate item-avatar item-icon-right" type="item-text-wrap" ng-repeat="object in vm.data">
                        <h2>{{object.name}}</h2>
                        <p>{{object.description}}</p>
                        <i class="icon ion-chevron-right icon-accessory"></i>
                        <ion-option-button class="button-assertive" ng-click="vm.delete(object.id)">
                            Delete
                        </ion-option-button>
                    </ion-item>
                </ion-list>
                <span><button class="button button-positive" ng-click="vm.signout()">log out</button></span>
                <span ng-click="vm.isCreating = true"><i class='icon ion-plus-round new-item'> Add Item</i></span>
        </ion-content>
    </div>

Posts: 1

Participants: 1

Read full topic