首页 文章

自定义角度指令未显示在离子导航栏中

提问于
浏览 次
0

我有离子导航栏，里面有两个离子导航按钮和一个自定义角度指令（header-logo-dropdown） . 当我进行路由或更改浏览器窗口大小时，自定义指令有时不显示，所以我有两个问题：

1）在ion-nav-bar中包含自定义HTML和指令的正确方法是什么？

2）我写的代码有什么问题？

<ion-pane ion-side-menu-content drag-content="false">

    <ion-nav-bar show-when="(max-width:767px)" class="bar  bar-header  bar-light header-nav-container">
        <ion-nav-buttons side="left" id="button--menu">
            <button menu-toggle="left" class="button  button-icon  icon  ion-navicon-round" show-when="(max-width:767px)"></button>
        </ion-nav-buttons>

        <div class="title header-logo-container">
            <header-logo-dropdown></header-logo-dropdown>
        </div>

        <ion-nav-buttons side="right">
            <a class="button  bar-header__iconprofile" href="#/user"><i class="icon iconSilver profile item-silver"></i> </a>
        </ion-nav-buttons>

    </ion-nav-bar>

    <ion-view>
        <ion-nav-view animation="slide-left-right">
        </ion-nav-view>
    </ion-view>

</ion-pane>
angularjs ionic-framework

2 回答

  • 0

    • 据我所知，你使用得对（如果指示正确的话）

    • 我认为您使用 ionNavView 和 ionView 的顺序错误

    来自Documentation

    <ion-nav-bar></ion-nav-bar> 
<ion-nav-view> 
    <ion-view view-title="My Page"> 
        <ion-content> Hello! </ion-content> 
    </ion-view> 
</ion-nav-view>

    也许这解决了你的问题

    回复于
  • 0

    我通过从我的指令包装div（.header-logo-container）中删除“title”类来修复它，问题是Ionic在导航中使用title类来渲染离子视图 Headers 字符串，因此它删除了指令重新渲染 Headers 类 .

    回复于

相关问题