イオン・ヘッダー（v1）ヘッダーのカスタムHTML

Question

右側のボタンの代わりにカスタム・html（3つの小さな天気アイコン）をイオン・ナビゲーバー・エレメントに追加したいと思います。私はhtmlを追加しようとするとビューに表示されませんが、インスペクタでhtmlを見ることはできます。私は何が見えないのかを判断できません。私がその場所にボタン要素を貼っていれば上手くいく。私はイオン-NAV-ボタンディレクティブ内のカスタムHTMLを入れていない場合は、HTML自体は、私はかなり愚かな感じが、時には答えは問題の要素がなかった」と同じくらい簡単です

<ion-view> 
    <ion-nav-bar class="tsw-dark"> 
     <ion-nav-buttons side='left'> 
      <!-- this button shows fine --> 
      <button menu-toggle="left" class="button button-clear button-icon icon ion-navicon home-icon"></button> 
     </ion-nav-buttons> 
     <ion-nav-buttons side='right'> 
      <!-- the html inside this block does not render in the view though I can find it with the inspector --> 
      <div class='t-h-wi'><i class='icon ion-ios-sunny-outline'></i></div> 
      <div class='t-h-wi'><i class='icon ion-ios-sunny-outline'></i></div> 
      <div class='t-h-wi'><i class='icon ion-ios-sunny-outline'></i></div> 
     </ion-nav-buttons> 
    </ion-nav-bar> 
<ion-content> 
..... 

Answer 1

ビューで消えます今回と同じように、「背景と同じ色」を選択します。