Question

如果路径不存在，如何重定向到主页。例如/ test会重定向到主页。

*我知道我使用的是较旧版本的路由器，但目前我没有时间进行升级，需要使用此版本的解决方案。

这是我的版本：“@ angular / router”：“2.0.0-rc.1”

我的app.ts文件中当前路线的示例：

@Routes([
  { path: '/', component: Home},
  { path: '/home', component: Home, useAsDefault: true },
  { path: '/login', component: Login },      
  { path:'/**', redirectTo: ['Login']}
])

我正在使用angular2和typescript。

我这个控制台错误说：错误：未捕获（承诺）：无法匹配任何路线。

我的引导代码：

bootstrap(AppComponent, [
    ROUTER_PROVIDERS,
    HTTP_BINDINGS,
    provide(APP_BASE_HREF, { useValue: '<%= APP_BASE %>' }),
    BootFlatDatePicker,
    ANGULAR2_GOOGLE_MAPS_PROVIDERS,
    Environment,
    SocialService,
    AuthService,
    UserService,
    OrganisationService,
    NotificationService,
    ApplicationService,
    JobService,
    MessageService,
    EmailService
]);

Answer 1

这是在旧路由器版本中执行此操作的方法：

{路径：'*'，组件：登录}

Answer 2

在末尾添加此路线。

{path:'**', component: Login }

在Angular2中，如果路径不存在，如何重定向到主页

2 个答案: