2016-09-04 4 views
0

私は、デフォルトのイオンナビゲーションバーを持つイオンヘッダーバーでイオンアイテムを表示しようとしています。ion-nav-barを1ページにイオンヘッダーバーで上書きする

問題は、私はionic nav barではなく、1ページにイオンバーヘッダーが必要なことです。私は以下で試したが、運はなかった。以下は、1ページから以下のindex.html

<ion-nav-bar class="bar-light bar-positive"> 
     <ion-nav-back-button class="button-icon icon ion-ios-arrow-back"></ion-nav-back-button> 
    </ion-nav-bar> 

から

<ion-view title="items" id="page15" > 
    <ion-content ng-controller="itemsCtrl" class="has-header" hide-nav-bar="true"> 
    <ion-header-bar class="bar-positive"> 
    <div class="buttons"> 
     <button class="button button-icon icon ion-ios-minus-outline" 
     ng-click="data.showDelete = !data.showDelete"></button> 
    </div> 
    items 
    <div class="buttons"> 
     <button class="button button-icon icon ion-log-out" ng-click="test()"> 
     </button> 
    </div> 
    </ion-header-bar> 
    <ion-list show-delete="data.showDelete" > 
     <ion-item ng-repeat="item in items" 
     item="item" 
     class="item-remove-animate"> 
     {{ item.name }} 
     <ion-delete-button class="ion-minus-circled" 
      ng-click="onItemDelete(item)"> 
     </ion-delete-button> 
     </ion-item> 
    </ion-list> 
    </ion-content> 
    <div class="float-button" ng-click="additem()"> 
    <span class="height-fix"> 
    <a class="content"> 
     <i class="ion-ios-plus-empty"> </i> 
    </a> 
    </span> 
    </div> 
</ion-view> 

出力は、私は、既定のイオンNAVをたくない

enter image description here

以下のように来ていますそのページには、イオンのヘッダーバーだけが必要です。

答えて

0

私はそれを最終的に得ました。イオンのヘッダーバーの代わりにナビゲーションバーのボタンを追加するだけです。

関連する問題