私はionic2とnavbarの簡単なメニューを作成しようとしている。私はツタンツに従ってきたが、それは私のアプリケーションではうまくいかず、私は理由を理解できないようだ。これは私が持っている現在のコードです： app.ts
import {App, Platform} from 'ionic-angular';
import {TabsPage} from './pages/tabs/tabs';
import {MenuPage} from './pages/menu/menu';
@App({
templateUrl: 'build/index.html',
config: {} // http://ionicframework.com/docs/v2/api/config/Config/
})
export class MyApp {
static get parameters() {
return [[Platform]];
}
constructor(platform) {
this.rootPage = TabsPage;
platform.ready().then(() => {
});
}
}
index.html：
<ion-nav #content [root]="rootPage"></ion-nav>
menu.ts：
import{Page, MenuController} from 'ionic-angular';
@Page({
templateUrl: 'build/pages/menu/menu.html'
})
export class MenuPage {
constructor(menu: MenuController) {
this.menu = menu;
}
openMenu() {
this.menu.open();
}
}
menu.html：
<ion-menu persistent="true" [content]="content">
<ion-toolbar>
<ion-title>Instellingen</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<button ion-item>
Informatie
</button>
<button ion-item>
Veelgestelde vragen
</button>
<button ion-item>
Algemene Voorwaarden
</button>
</ion-list>
</ion-content>
</ion-menu>
限り、ドキュメントに行くこれは動作するはずですが、それは私の場合ではないので、誰も私が行方不明を参照してください？
エラーはありません、私は問題を通常表示負荷を表示しません。ちょうどメニューと私はtoturialを始めることに続いた
多分、Menuクラスの@Pageメタタジアにselectorプロパティを追加する必要があります。
import{Page, MenuController} from 'ionic-angular';
@Page({
templateUrl: 'build/pages/menu/menu.html',
selector:'app-menu'
})
export class MenuPage {
constructor(menu: MenuController) {
this.menu = menu;
}
openMenu() {
this.menu.open();
}
}
あなたのindex.htmlファイルに以下を追加してください：
<app-menu></app-menu>
<ion-nav #content [root]="rootPage"></ion-nav>
編集： @Componentメタデータに次のコードを追加します（例：Page1クラス）
<ion-navbar *navbar hideBackButton>
<button menuToggle>
<ion-icon name='menu'></ion-icon>
</button>
<ion-title>Tab 1</ion-title>
</ion-navbar>
あなたのコードを更新しました：http://codepen.io/anon/pen/LNGzJN
@App({ templateUrl: 'build/index.html', directives:[MenuPage], config: {} }) - Michael Desigaud