设置路由

注意：此示例基于 @angular / router 的 3.0.0.-beta.2 版本。在撰写本文时，这是路由器的最新版本

要使用路由器，请在新的 TypeScript 文件中定义路由

//app.routes.ts

import {provideRouter} from '@angular/router';

import {Home} from './routes/home/home';
import {Profile} from './routes/profile/profile';

export const routes = [
    {path: '', redirectTo: 'home'},
    {path: 'home', component: Home},
    {path: 'login', component: Login},
];

export const APP_ROUTES_PROVIDER = provideRouter(routes);

在第一行中，我们导入 provideRouter，以便我们可以让我们的应用程序知道在引导阶段期间的路由。

Home 和 Profile 只是两个组成部分。你将需要导入你需要的每个 Component 作为路线。

然后，导出路由数组。

path：组件的路径。你不需要使用’/ ……..’ Angular 会自动执行此操作

component：访问路由时要加载的组件

redirectTo： 可选。如果你需要在用户访问特定路线时自动重定向，请提供此信息。

最后，我们导出配置的路由器。provideRouter 将返回一个我们可以提升的提供程序，以便我们的应用程序知道如何处理每个路由。