Ionicヘッダーバーボタンがインタラクティブでない

Question

Ionicプロジェクトの各ナビビューのヘッダーバーに「ヘルプアイコン」ボタンが表示されます。私のindex.htmlページに、私は次が含まれていることを行うには：

<ion-nav-view> 
    <ion-header-bar> 
    <div class="row"> 
     <div class="col col-10 col-offset-90"> 
      <div class="buttons"> 
       <button class="button" ng-click="doSomthing()"><i class="ion-help-circled"></i></button> 
      </div> 
     </div> 
    </div> 
    </ion-header-bar> 
</ion-nav-view> 

私が欲しいヘルプボタンは期待通りにすべてのビューに表示されますが、ないクリッカブルです。私はそれがイオンナビviewの中でそれ自身のレイヤーで何かをしなければならないと思いますか？私が試した

もの：

行とCOL配置を削除アンカー

のボタンをラッピング注：私は中のイオンのヘッダー・バーを持っています他のビューも同様にページタイトルを表示できます。これはボタンにまったく影響を及ぼしますか？ボタンはまだ表示されますが、どこでも対話的ではありません。

ボタンがでない理由に関するヘルプ/コメントをいただければ幸いです。

EDIT：

だから私はより多くのテストの後、私の問題を絞り込んています。このナビゲーションバーは、ヘッダーバーに重なっているように思え

<ion-nav-bar class="bar-stable"> 
    <ion-nav-back-button> 
    </ion-nav-back-button> 
</ion-nav-bar> 

：問題は私ののindex.htmlファイルに次のコードを使用することです。そして、このコードは "バックボタン"の実装のために不可欠です。このコードブロックを削除すると、ヘルプアイコンボタンの機能が返されます。

Answer 1

私が間違っていたことを理解しました。 ion-header-barは、ion-nav-barの後に使用しないでください。そうすることで、それが重なり合ってインタラクティブではなくなった。 ion-nav-barにボタンを追加すると、この問題が解決しました。次のコードは完全に機能し、すべてのビューにボタンを表示します。

<ion-nav-bar> 
    <ion-nav-back-button> 
     <i class="icon ion-ios-arrow-left"></i> 
    </ion-nav-back-button> 
    <ion-nav-buttons side="right"> 
     <a ui-sref="url.path.tohelp" class="button icon ion-ios-help"></a> 
    </ion-nav-buttons> 
</ion-nav-bar> 

<ion-nav-view> 
</ion-nav-view>