Angular 2 路由 index.html

Question

我已经完成了Angular英雄教程并对路由有了基本的理解。然而，似乎只能路由页面的一部分（类似于某种iframe功能）。

如果我想要基本上路由到index.html，即像传统的一样将整个页面更改到另一个位置，我该如何操作？

换句话说，如果index.html包含，那么是否可能有另一个组件也使用其选择器为my-app，并在事件发生时调用它？

- A. L

---

Angular2 用于创建单页应用程序，而不是重定向到新页面，您可以更改当前页面上显示的组件。 - Eamonn McEvoy

Answer 1

这不是路由应该遵循的方式，而且HTML5 pushState本身也不支持这种方式。如果您加载的页面与index.html不同，则会离开Angular2应用程序并加载完全不同的应用程序。这不是路由的真正目的。

Angular2适用于SPA，其中应用程序被加载，然后根据路由和组件状态更新视图，而不是在每个或某些用户操作后从服务器重新加载页面。

- Günter Zöchbauer

---

啊，我已经查阅了相关资料，我可以进行子路由对吧？这意味着我可以在我的主要汽车页面上进行路由，然后如果有人需要转到另一个格式不同的页面（比如火车），他们就会路由到那个页面，然后该页面具有子路由，从而改变了火车页面的外观。 - A. L

不确定你的意思。在Angular2中，你没有页面，而是有组件，当前路由定义了在同一页内显示哪些组件。 - Günter Zöchbauer

你能在router-outlet标签内部设置一个路由链接吗？这样当你点击链接时，它会改变整个外观/组件。因为在heroes教程中，导航栏始终保持不变。我只是想知道是否有一种模拟更改网页的方法。 - A. L

您可以创建一个根组件 AppComponent，它具有100%的宽度和高度，没有边框/填充，并且在模板中只有一个 <router-outlet></router-outlet>，然后根据所选路由在 router-outlet 中添加不同的组件。由路由器添加的组件可以具有 routerlinks 以导航到其他路由。 - Günter Zöchbauer