Javascript 离子2路由不工作
我刚刚开始学习Ionic 2,我想设置一个进入选项卡式视图的页面。我创建了一个选项卡式应用程序,然后添加了我自己的名为login的页面。在我的app.component.ts中,我添加了以下内容:Javascript 离子2路由不工作,javascript,angular,ionic2,Javascript,Angular,Ionic2,我刚刚开始学习Ionic 2,我想设置一个进入选项卡式视图的页面。我创建了一个选项卡式应用程序,然后添加了我自己的名为login的页面。在我的app.component.ts中,我添加了以下内容: let self = this; var testing = <string> 'false'; if (testing == 'true') { self.rootPage = TabsPage; }
let self = this;
var testing = <string> 'false';
if (testing == 'true')
{
self.rootPage = TabsPage;
}
else
{
self.rootPage = LoginPage;
}
现在在我的“登录”页面,这是主页面,我想点击一个按钮并转到选项卡式页面。我在html视图中添加了一个按钮,并在我的.ts文件中添加了这个按钮
goTo (){
console.log('button clicked');
this.router.navigate(['home']);
}
但它抛出了一个错误:
未捕获(承诺中):错误:找不到要加载的主出口
“主页”
如何修复此问题?您的html中是否有
标记?@echonax否,我的app.html包含我不熟悉的ionic,但根据文档,您不应该在组件中使用public navCtrl:NavController
而不是路由器吗?
goTo (){
console.log('button clicked');
this.router.navigate(['home']);
}