Hey guys,
i try to change the header of this app:
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>