2016-05-03 4 views
0

У меня есть ион-навигационная панель, и есть две кнопки ионного навигатора и одна пользовательская угловая директива внутри (заголовок-логотип-выпадающий список). Когда я делаю маршрутизацию или изменяю размер окна браузера, пользовательская директива иногда не отображается, поэтому у меня есть два вопроса:Пользовательская угловая директива не отображается в строке ввода Ionic nav

1) Каков надлежащий способ включения пользовательского 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> 
+0

Пожалуйста, внесите свой управляющий код! –

+0

Директива отлично работает, отлично работает в других местах, а также работает здесь, но иногда не отображается. – Shota

ответ

0

я получил это фиксируется удаление класса «название» из моей директивы обертку DIV (.header-лого-контейнера), проблема заключалась в том, что Ионные использует название класса в навигации для визуализации ионно- там отображается строка заголовка, поэтому она удаляет директиву путем повторного рендеринга класса заголовка.

0
  1. Насколько я могу сказать, вы использовали это право (Если директива правильно)

  2. Я думаю, что вы использовали 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

Вы правы, это было в неправильном порядке, но исправление этого не помогло моей проблеме. – Shota

Смежные вопросы