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标头

回答

相关问题