2016-06-16 45 views
5

Ich kämpfe, um eine 'burger' menu in die leere Vorlage ionic2 hinzuzufügen. Ich bin mir nicht sicher, was hier falsch läuft, aber alles, was ich getan habe, ist eine leere ionische Vorlage zu erzeugen, die Template-Zeichenkette zu templateUrl in der app.ts zu ändern und den Code in app.html einzufügen. Ich bekomme keine Konsolenfehler.Menükomponente wird nicht angezeigt

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> 

Antwort

3

Ich war

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

Von home.html

die Taste fehlt
<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>