Ionic Header（v1）自定義HTML標頭

我想向ion-nav-bar元素添加一些自定義html（3個小天氣圖標）來代替右側按鈕。當我嘗試添加html時，雖然可以在檢查器中看到html，但它並未出現在視圖中。我無法確定從視圖中隱藏了什麼。如果我將一個按鈕元素粘貼在顯示正常的位置。如果我不把自定義的HTML一個離子導航鍵指令裏面，HTML本身在視圖中消失Ionic Header（v1）自定義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> 
.....

來源

2017-03-01 John Tyner

這裏是您可以在導航欄中看到這些圖標的筆。 http://codepen.io/anon/pen/evJvYz?editors=1010#0 我沒有看到您的代碼的任何問題。（通過檢查員或更改位置檢查元件的位置。） – Abhishek

謝謝！強盜是不同的。在我的代碼中，包含標題的視圖是一個與index.html不同的文件。不知道這是否有所作爲。它也住在指令中。再次，不確定這是否重要。我已經更新了問題中的代碼。 –

啊！他們在那裏。它們與背景顏色相同。衛生署！ –

我感到非常愚蠢的，但有時答案很簡單，只要「有問題的要素是與背景顏色相同「，就像這次一樣。

來源

2017-03-01 17:58:07

Ionic Header（v1）自定義HTML標頭

回答

相關問題