angular - 带角6的离子4路由(Ionic 4 routing with angular 6)

Question

The bounty expires in 11 hours) . 赏金将 在11小时后失效) 。) Answers to this question are eligible for a +100 reputation bounty. 这个问题的答案有资格获得+100声望奖励。) Mageek wants to draw more attention) to this question: Same question as: https://stackoverflow.com/questions/57615906/what-is-the-angular-router-equivalent-of-ionic-3-nav-setpages Also: https://github.com/ionic-team/ionic/issues/19833 The question is: How can we have a similar behavior in Ionic 4 as what "setPages" used to do? Mageek希望对此问题引起更多关注) ：与以下问题相同：https: //stackoverflow.com/questions/57615906/what-is-the-angular-router-equivalent-of-ionic-3-nav-setpages另外：https http://github.com/ionic-team/ionic/issues/19833问题是：我们如何在Ionic 4中具有与过去的“ setPages”行为类似的行为？)

Im trying to update a legacy ionic app to v4 at the moment but cant seem to find a v4 equivalent to this navigation

(我目前正在尝试将旧版离子应用更新为v4，但似乎找不到与此导航等效的v4)

     return this.app.getRootNav().setPages([
         {page: Profile},
         {page: SettingsPage, params: {id: userId}}
     ])

  ask by Kravitz translate from so

Answer 1

Ionic4 and angular version of your request is like this :

(Ionic4和您的请求的角度版本是这样的：)

   this.router
  .navigate(["/page1"], { replaceUrl: true })
  .then(() => this.router.navigate(["/page2"]));

The logic is here as i understand.

(据我了解，这里的逻辑。)

Push page1 into history but navigate to page2 so if user pushes the back button it redirects to page1.

(将page1推入历史记录，但导航至page2，因此，如果用户按“后退”按钮，它将重定向到page1。)

Here is the stackblitz sample.

(这是stackblitz示例。)