angular - 如何替换 Angular 4 中的旧选择器内容或将其重定向到全新页面

Question

我在 Angular 4 中有一个索引页面，登录后，我想替换旧页面内容或至少将其重定向到仪表板。在索引页面上有类似关于我们的内容，在仪表板上有自定义。

我已经尝试过，我认为互联网上的每一件事都像：

{ path: '', redirect To: '/dashboard', path Match: 'full' }
defaulter

Answer 1

我认为您不能“替换”根选择器。相反，您可以将其更改为仅包含路由器插座：

app.component.html

<router-outlet></router-outlet>

然后你路由到这个路由器插座的任何东西都可以使用整个页面并替换任何菜单/导航组件。

然后，您可以拥有类似于具有所需菜单的外壳组件的东西。

shell.component.html

<mh-menu></mh-menu>

<div class='container'>
    <router-outlet></router-outlet>
</div>

然后，您可以将此 shell 组件替换为具有自己菜单的任何其他组件。

我在这里有一个例子：https ://github.com/DeborahK/MovieHunter-routing

这是一张显示应用程序的路由器出口和外壳组件的路由器出口的图片：