Angular5连续导航

Question

我是Angular的新手（现在已经在angularjs中发展了几年）。我被赋予了任务，但我不确定该如何处理，所以我想在这里问。 我的任务是创建一个将其状态加载到一页上的应用程序。例如，我会有一个主页，3个步骤和一个结果页面。 在主页上可能已经加载了一个视图，该视图具有指向步骤1、2和3的链接。

如果用户单击第一个步骤，则将在<router-outlet></router-outlet>中加载第一步（那里没有新内容）。但是，如果他们单击了步骤2，我希望先加载步骤1，然后再加载下面的步骤2。

步骤3和结果也应如此。 同样，如果您已经在结果页面上，并且单击了第1步或第1步，则不需要加载它，而是希望它向上滚动到第1步的视图所在的位置。

我真的希望这是有道理的。 如果可以，有人可以帮助我吗？

Answer 1

在您的 home.component.html

中

<div *ngIf= "step === 1" >
 <app-step-1></spp-step-1>
</div>

<div *ngIf= "step <= 2" >
 <app-step-2></spp-step-2>
</div>

<div *ngIf= "step <= 3" >
 <app-step-3></spp-step-3>
</div>

step是一个变量，当您单击以浏览各个步骤时，您将对其进行更新。