Angular 2 路由

Question

我在网上搜索了一个改变浏览器 URL 的 Angular2 路由器的示例。当我们更改不同的路由时，所有示例都不会更改浏览器 URL。你能给我一个 ES6 中的小例子来演示这一点吗？

Answer 1

安example .

在组件类上:

@RouteConfig([
  { path: '/',          name: 'home',      component: Home },
  { path: '/dashboard', name: 'dashboard', component: Dashboard },
  { path: '/todo',      name: 'todo',      component: Todo }
])
export class App {}

name不是必需的，但可以用来提供别名。

在模板中:

<a router-link="home">Home</a>

请注意router-link必须存在于<a>上标签。