程序博客网 > 90年代的网络歌曲

Angular2 Routing

来源：互联网发布：90年代的网络歌曲编辑：程序博客网时间：2024/06/05 11:06

ROUTING

1. 导入router 库

我们在index.html中加载

<script src="node_modules/angular2/bundles/router.dev.js"></script>

2. 加入根补录

在head标签中的顶部添加<base href="/">

<head>  <base href="/">

3. 使路由可用

路由组件是一个服务。像其他服务一样，我们需要导入它并且通过在providers数组中添加它来使它可用。

angular router 是由很多服务、指令、配置组成。我们一起导入它
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from 'angular2/router';

现在我们更新providers和directives

directives: [ROUTER_DIRECTIVES],providers: [  ROUTER_PROVIDERS,  HeroService]

增加路由配置
```
@RouteConfig([  {    path: '/heroes',    name: 'Heroes',    component: HeroesComponent  }])
```
RouteConfig有以下三个定义：
1. path：路由器将此路由地址与浏览器地址栏匹配。
2. name：路由的正式名字，必须以大写字母开头，避免与path混淆。
3. component：当导航到此路由，路由器需要创建的组件。

在template底部增加<router-outlet>标签

template: `<h1>{{title}}</h1><a [routerLink]="['Heroes']">Heroes</a><router-outlet></router-outlet>`,

一个app中只引入一个service

0 0

90年代的网络歌曲

90年代的网络歌曲

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子乡愁的仿写乡愁解析歌曲乡愁冯晓泉乡愁乡愁改编唐代的乡愁乡愁是仿写乡愁琴谱乡愁在线戴望舒乡愁乡愁讲解诗歌乡愁席慕容乡愁乡愁下载仿照乡愁是乡愁课文乡愁图片廖昌永乡愁乡愁 mp3 乡愁反思乡愁散文诗乡愁板书什么是乡愁乡愁钢琴曲乡愁散文乡愁的作文乡愁谁写的乡愁背景乡愁故事前世乡愁别样乡愁乡愁的名句乡愁的作者诗朗诵乡愁乡愁诗词描写乡愁散文乡愁历史的乡愁乡愁的背景乡愁改写乡愁赏析