2016-06-16 32 views
5

Boş iyonic2 şablonuna 'burger' menu eklemek için mücadele ediyorum. Burada yanlış yaptığımdan emin değilim, ancak tüm yaptığım şey boş bir iyonik şablon oluşturmak, şablon dizisini app.ts dosyasında templateUrl olarak değiştirmek ve kodu app.html'ye yapıştırmak. Herhangi bir konsol hatası almıyorum.Menü bileşeni görünmüyor

app.ts:

import {Component} from '@angular/core'; 
import {Platform, ionicBootstrap} from 'ionic-angular'; 
import {StatusBar} from 'ionic-native'; 
import {HomePage} from './pages/home/home'; 


@Component({ 
    templateUrl: 'build/app.html' 
}) 
export class MyApp { 
    rootPage: any = HomePage; 

    constructor(platform: Platform) { 
    platform.ready().then(() => { 
     // Okay, so the platform is ready and our plugins are available. 
     // Here you can do any higher level native things you might need. 
     StatusBar.styleDefault(); 
    }); 
    } 
} 

ionicBootstrap(MyApp); 

app.html:

<ion-menu [content]="content"> 
    <ion-toolbar> 
     <ion-title>Pages</ion-title> 
    </ion-toolbar> 
    <ion-content> 
     <ion-list> 
      <button ion-item (click)="openPage(loginPage)"> 
       Login 
      </button> 
      <button ion-item (click)="openPage(signupPage)"> 
       Signup 
      </button> 
     </ion-list> 
    </ion-content> 
</ion-menu> 
<ion-nav [root]="rootPage"></ion-nav> 

cevap

3

Ben home.html'nin itibaren düğmeye

<button right menuToggle> 
    <ion-icon name="menu"></ion-icon> 
    </button> 

eksikti

<ion-navbar *navbar> 
    <ion-title> 
    Blank Starter 
    </ion-title> 
    <button right menuToggle> 
    <ion-icon name="menu"></ion-icon> 
    </button> 
</ion-navbar> 

<ion-content class="home"> 
    <h1 text-center>Content goes here!</h1> 
</ion-content>