PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 183|回复: 0

Angularjs4.0路由的动态传值

[复制链接]

37

主题

62

帖子

245

积分

中级会员

Rank: 3Rank: 3

积分
245
发表于 2017-8-11 12:07:37 | 显示全部楼层 |阅读模式
Angularjs4.0路由的动态传值是如何操作的呢?我们可以通过以下两个步骤来完成:


1.配置动态路由

  1. const routes: Routes = [

  2.   {path: 'home', component: HomeComponent},
  3.   {path: 'news', component: NewsComponent},
  4.   {path: 'newscontent/:id', component: NewscontentComponent},
  5.   {
  6.     path: '',
  7.     redirectTo: '/home',
  8.     pathMatch: 'full'
  9.   }
  10.   
  11. ];
复制代码



2.获取动态路由的值

  1. import { Router, ActivatedRoute, Params } from '@angular/router';
复制代码

  1. constructor(  private route: ActivatedRoute) {

  2.   }
复制代码
  1. ngOnInit() {

  2.     console.log(this.route.params);
  3.   }
复制代码




回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2018-1-19 21:02 , Processed in 0.222976 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表