Question

我想在ion-nav-bar元素中添加一些自定义html（3个小天气图标）来代替右侧按钮。当我尝试添加html时，虽然我可以在检查器中看到html，但它并没有出现在视图中。我无法确定从视图中隐藏它的内容。如果我在他们的位置贴上一个按钮元素就可以了。如果我不将自定义html放在ion-nav-button指令中，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

我觉得很傻但有时答案就像“有问题的元素与背景颜色相同”一样简单，就像这次一样。

Ionic Header（v1）标题中的自定义HTML

1 个答案: