Angular2 入门 互动版

RouteConfig - 路由配置注解

除了使用Routerconfig()方法进行路由配置,Angular2还提供了路由注解,允许我们 以注解的方式为组件添加路由:

@RouteConfig([
    {path:"/video", component:EzVideo},
    {path:"/music", component:EzMusic}
])
class EzApp{...}

RouteConfigAnnotation的构造函数参数与Routerconfig()方法参数一致,都是一个包含 若干配置项的数组。

事实上,它的确只是一个语法糖 : Angular2在bootstrap一个组件时,会检查组件是否存在 RouteConfig注解,如果存在,则利用这个信息调用Routerconfig()方法进行路由配置:

routeconfig

不过这样写起来,感觉会流畅一些,声明式的氛围更强烈一些。

修改示例代码:

1. 增加一个组件EzSport
2. 在EzApp的路由配置注释中添加指向EzSport的路由,路径为"/sport"
3. 在EzApp的模板中添加指向路径"/sport"的路由入口
```