试图了解重定向路由示例

时间:2017-05-18 18:32:47

标签: angular2-routing

来自文档 https://angular.io/guide/router

'**'的路线是做什么的?这两个星号对应的是什么?

const appRoutes: Routes = [
  { path: 'crisis-center', component: CrisisListComponent },
  { path: 'heroes',        component: HeroListComponent },
  { path: '',   redirectTo: '/heroes', pathMatch: 'full' },
  { path: '**', component: PageNotFoundComponent }
];

2 个答案:

答案 0 :(得分:0)

从文档的快速浏览,我认为它是一个通配符路由。

来自文档的引用: '保留默认路由和通配符路由!这些都是应用程序本身顶层的问题。'

'每个路由模块按导入顺序增加路由配置... 通配符路由 - 匹配每个URL - 将拦截导航到英雄路线的尝试。'

答案 1 :(得分:0)

这是wildcard route。对于在其上方不匹配的任何URL的全能。

您不必拥有其中之一,但如果您没有,当用户导航到错误的路线时,他/她将看不到404.他们会看到一个空白页面,这是只是混乱。

这使我们有机会向他们提供一个信息 - 一个更好的用户体验!