angular2中路由的定义

import {Component} from 'angular2/core';
import {bootstrap} from 'amgular2/platform/browser';
import {RouteConfig,ROUTER_DIRECTIVES,ROUTER_BINDINGS} from 'angular2/router';

import {Home} from './components/home/home';
import {Anout} from './components/about/about';

@Component({
    selector:'app',
    templateUrl:'./app.html',
    directives:[ROUTER_DIRECTIVES]
})
@RouteConfig([
    {path:'/',component:Home,name:'home'},
    {path:'/about',component:About,name:'about'}
])
class App {}

bootstrap(App, [ROUTER_PROVIDERS]);

     路由位于angular2/router这个模块中。在那里可以找到框架定义的各种路由、配置路由用的装饰器,以及ROUTER_PROVIDERS。

        传递给@RouteConfig装饰器的参数示范了在应用中定义路由的方式:用了一个对象数组,其中定义了路由与对应组件之间的映射关系。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值