Ionic2 登录后启用离子菜单的离子列表

Ionic2 登录后启用离子菜单的离子列表,ionic2,Ionic2,我必须这样做: 当我点击登录时,会出现一个页面,它会验证与数据库的连接(做得很好),如果成功,它会被重定向到主页,隐藏的离子列表()会出现在菜单中 从'@angular/core'导入{Component}; 从“ionic angular”导入{NavController、MenuController、NavParams、AlertController、LoadingController、ViewController}; 从“@angular/Http”导入{Http}; 导入'rxjs/

我必须这样做: 当我点击登录时,会出现一个页面,它会验证与数据库的连接(做得很好),如果成功,它会被重定向到主页,隐藏的离子列表()会出现在菜单中

从'@angular/core'导入{Component};
从“ionic angular”导入{NavController、MenuController、NavParams、AlertController、LoadingController、ViewController};
从“@angular/Http”导入{Http};
导入'rxjs/add/operator/map';
从“../home/home”导入{HomePage};
从“../../providers/my service”导入{MyService};
从'@ionic/Storage'导入{Storage};
@组成部分({
选择器:“页面模式页面”,
templateUrl:'modal page.html',
提供者:[MyService]
})
导出类ModalPagePage{
资料:有;
ftechdata:any;
构造函数(公共navCtrl:NavController、公共viewCtrl:ViewController、私有http:http、私有警报:AlertController、私有加载:LoadingController){
this.data={};
this.data.username=“”;
此.data.password=“”;
}
ionViewDidLoad(){
log('IonViewDidLoadLoginPage');
}
登录(){
让username=this.data.username;
让password=this.data.password;
让data=JSON.stringify({username,password});
让链接=”https://stationpfe.000webhostapp.com/login.php";
this.http.post(链接、数据)
.订阅(数据=>{
让loader=this.loading.create({
内容:“cheking!请稍候…”,
持续时间:1000
});
loader.present();
this.navCtrl.setRoot(主页);
// 
},错误=>{
让alert=this.alert.create({
标题:"警告",,
字幕:“用户名或密码错误!请再试一次!”,
按钮:[“确定”]
});
alert.present();
});
}
关闭(){
this.viewCtrl.disclose();//这很好用
}
showPopup(){
控制台日志(“标签上的操作”);
}
}

物品清单页面app.html,app.scss
MyApp
导航
{{p.title}}
账户
{{p.title}}
loginPage.ts
从'@angular/core'导入{Component};
从“离子角度”导入{NavController,ModalController};
从'@ionic/Storage'导入{Storage};
从“../modal page/modal page”导入{ModalPagePage};
从“../home/home”导入{HomePage};
@组成部分({
选择器:“页面登录”,
templateUrl:'login.html'
})
导出类登录页{
资料:有;
公开会议:任何;
x:任何;
公共地方:储存;
构造函数(公共navCtrl:NavController,公共modalCtrl:ModalController){
this.data={};
this.data.title=“”;
this.data.desc=“”;
this.local=新存储;
this.local.set('session','true');
}
ionViewWillEnter(){
this.getsession=this.local.get('session');
this.getsession.then((值)=>{
这个.x=值;
如果(此.x!==“”){
让modal=this.modalCtrl.create(modalpage);
情态动词present();
//this.navCtrl.setRoot(ModalPagePage);
}
});
}

}
请澄清您的问题。解释您在my app.html(第二个代码)中遇到的问题离子列表(帐户)最初是隐藏的。如果我点击登录(如屏幕截图所示),离子列表必须出现(最后在菜单中我们应该获得两个部分:导航(主页、票证、登录)和帐户(第三个代码中提到的列表)第一个代码是提供数据库连接的模式页面,第二个是app.html,第三个是首页组件的app.component.tsShare代码。请在代码片段前注明文件名