如何在IONIC 4中设置rootPage

时间:2019-02-13 16:33:10

标签: angular ionic-framework webpage root ionic4

这就是我现在拥有的,实际上似乎找不到我到处都看过的问题的正确答案,所以也许有人认识可以帮助我?我如何将RootPage像离子3中那样设置为离子4中,因为我已经尝试了一切,这就是尝试留下的东西

    connection = new HubConnectionBuilder().WithUrl(url).Build();
    connection.Closed += async (error) => {
        await Task.Delay(new Random().Next(0, 5) * 1000);
        await connection.StartAsync();
    };
    Task.Run(() => Ejecutar());
    Console.ReadLine();

3 个答案:

答案 0 :(得分:0)

自从Ionic 4开始,您就使用了Angular Routing。如果您希望/getting-started成为您的根目录,请进入app-routing.module.ts并编辑路由。如果您没有打开,请创建一个指向页面的路由,然后将带有path: ''的页面重定向到/getting-started

所以最终的app-routing.module.ts可能是:

const routes: Routes = [
    {path: '', redirectTo: 'getting-startet', pathMatch: 'full'}, //Root Path redirect to your getting-started path
    {path: 'getting-started', loadChildren: './getting-started/getting-started.module#GettingStartedPageModule'}, // when hit the getting-startet path, load the page
];

@NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
})
export class AppRoutingModule {
}

答案 1 :(得分:0)

希望以下内容对您有所帮助:

constructor(private nav: NavController){}

private setRoot(){
  this.nav.navigateRoot('/getting-started');
}

答案 2 :(得分:0)

Ionic 4使用路线进行导航。即使仍可以在/src/app/app-routing.module.ts文件中进行设置,也可以在app.module.ts中找到路由的配置。引用Ionic 4 documentation:,最基本的配置看起来像这样:

import { RouterModule } from '@angular/router';

@NgModule({
  imports: [
  ...
  RouterModule.forRoot([
    { path: '', component: LoginComponent },
    { path: 'detail', component: DetailComponent },
  ])
  ],
})

这里最简单的分类是路径/组件查找。加载我们的应用程序后,路由器会通过读取用户尝试加载的URL来启动一切。在我们的示例中,我们的路线寻找'',这实际上是我们的索引路线。因此,为此,我们加载LoginComponent。很简单。

如果要在初始加载时加载其他组件,则应使用redirects