菜单不会出现在与打字稿的ionic2

我正尝试在navigator中用ionic2创建一个简单的菜单。我已经跟踪了tut，但它不会在我的应用程序中工作，我似乎无法理解为什么。这是当前代码我有： app.ts菜单不会出现在与打字稿的ionic2

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>

据文件去这应该w ork ..但它不会在我的情况下，所以有人看到我失踪？

没有错误，我没有看到任何问题正常查看加载。

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文件中加入：只是没有菜单，我跟着入门toturial

来源

2016-03-07 Sjoerd de Wit

您看到什么问题？ – Pogrindis

您是否在浏览器控制台中收到错误消息？你遵循什么标准？ –

没有错误，我没有看到任何问题查看加载只是没有菜单，并遵循入门toturial http://ionicframework.com/docs/v2/getting-started/tutorial/project-structure/ –

也许你在前人的精力Menu类的@Page metatada添加选择属性

<app-menu></app-menu> 
<ion-nav #content [root]="rootPage"></ion-nav>

编辑：添加以下到@Component元数据（例如，在第1页类）

<ion-navbar *navbar hideBackButton> 
    <button menuToggle> 
     <ion-icon name='menu'></ion-icon> 
    </button> 
    <ion-title>Tab 1</ion-title> 
</ion-navbar>

我已更新您的codepen：http://codepen.io/anon/pen/LNGzJN

来源

2016-03-07 13:47:10

这也没有工作，保持空载。 –

和如果添加元数据的指令在MyApp的类： '@App（{ templateUrl： '构建/ index.html中'，指令：[MenuPage]，配置：{}} ）' –

例外：意外指令值'未定义'组件'MyApp'的视图我输入错了吗？这里是我的问题codepen http://codepen.io/sjerd/pen/xVZdjb –

菜单不会出现在与打字稿的ionic2

回答

相关问题