码迷,mamicode.com
首页 > Web开发 > 详细

angular6 路由拼接查询参数如 ?id=1 并获取url参数

时间:2019-08-26 21:05:32      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:cat   获取   tle   lin   sub   域名   ram   rom   api   

angular6 路由拼接查询参数如 ?id=1 并获取url参数

路由拼接参数:

<div class="category-border" [routerLink]="[‘/list/‘ + category.id + ‘/‘ + category.slug]" [queryParams]="{id: 1}">

拼接后在浏览器显示: 域名  http://localhost:4200/?id=1

angular 获取参数 id 的值: 
  引用API: import { ActivatedRoute, Params } from ‘@angular/router’;

this.activeRoute.queryParams.subscribe((params: Params) => {
      this.source = params[‘id‘];
    });

技术图片

 

 技术图片

 

angular6 路由拼接查询参数如 ?id=1 并获取url参数

标签:cat   获取   tle   lin   sub   域名   ram   rom   api   

原文地址:https://www.cnblogs.com/wjw1014/p/11414591.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!