2016-03-25 3 views
0

Следующая значок кнопки в боковом меню не отображается ...Ионные Framework Кнопка не показаны

<ion-side-menus> 
    <ion-pane ion-side-menu-content> 
     <ion-nav-bar class="bar-balanced"> 
      <button menu-toggle="left" class="button button-icon icon ion-navicon"></button> 
     </ion-nav-bar> 
    </ion-pane> 

    <ion-side-menu side="left"></ion-side-menu> 
</ion-side-menus> 

ответ

1

Кнопки не будут отображаться, потому что вы должны будете использовать их внутри тега <ion-view> и внутри <ion-nav-buttons> тег.

Смотрите следующий пример из Ионных рамочной документации (link)

<ion-nav-bar> 
</ion-nav-bar> 
<ion-nav-view> 
    <ion-view> 
    <ion-nav-buttons side="primary"> 
     <button class="button" ng-click="doSomething()"> 
     I'm a button on the primary of the navbar! 
     </button> 
    </ion-nav-buttons> 
    <ion-content> 
     Some super content here! 
    </ion-content> 
    </ion-view> 
</ion-nav-view> 
0

Я фиксированная код, как показано ниже. Благодаря!!!

<ion-side-menus> 
    <ion-pane ion-side-menu-content> 
    <ion-nav-bar class="bar-balanced"> 
     <ion-nav-buttons> 
     <button menu-toggle="left" class="button button-icon icon ion-navicon"></button> 
     </ion-nav-buttons> 
    </ion-nav-bar> 
    </ion-pane> 
    <ion-side-menu side="left"> 
    </ion-side-menu> 
</ion-side-menus> 
0

Вы можете также отключить меню с логикой:

<ion-menu id="NavMenu" persistent="true" [content]="content"> 

Будьте уверены, что Вы не получили код, как это торчать!

import { MenuController} from 'ionic-angular'; 
... 
constructor(
    private menuCtrl: MenuController 
) { 

} 

... 

// In some other method.. 
// When you only have one ion menu in the template.... 

this.menuCtrl.enable(false, 'NavMenu'); 
Смежные вопросы