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

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‘];
    });

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

时间: 2024-09-30 03:47:05

angular6 路由拼接查询参数如 ?id=1 并获取url参数的相关文章

【Jquery】jQuery获取URL参数的两种方法

jQuery获取URL参数的关键是获取到URL,然后对URL进行过滤处理,取出参数. location.href是取得URL,location.search是取得URL"?"之后的字符串,也就是说参数部分. 方法一: function request(paras){ var url = location.href; var paraString = url.substring(url.indexOf("?")+1,url.length).split("&a

JavaScript学习之获取URL参数

最近看了几道面试题,其中有一道就是关于写一个方法来获取浏览器地址栏URL查询部分的字段内容.虽然之前看过相关的东西,但感觉有点模糊,所以就又全面的学习一遍,谨以此文记之! 准备知识 在JavaScript中,既然说到URL(这里也只是根据本题浅显介绍),那肯定就要说Location对象了: ①Location对象是window对象的一个属性,可通过window.location来访问(因为window就是全局对象,所以可以直接使用location来引用Location对象喽): ②Locatio

javascript获取url参数代码实例

javascript获取url参数代码实例: 有时候可能需要获取url中的参数值,下面是一段相关的代码实例. 代码如下: var url="www.softwhy.com/test.php?id=21&a=5"; if(url.indexOf("?")!=-1) { var p=url.indexOf("?"); //返回所在位置 var str = url.substr(p+1) //从这个位置开始截取 strs = str.split

JavaScript获取URL参数方法总汇

现在做页面基本都用AJAX,因此导致操作很麻烦,每次都需要通过JS获取url中的参数值,网上所搜到很多资料,没一次能记住的,也不知道在哪个项目中使用过,现在又需要通过JS获取url参数,因此不能在偷懒了,为了方便自己也得做个资料总汇,不然每次都得找费事费力的,得不偿失.下边就列出老外所有通过JS获取url参数的方法(不断更新): 1.http://stackoverflow.com/questions/1403888/get-url-parameter-with-jquery 2.http://

js 获取url参数的值

//获取url参数函数function GetQueryString(name){    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); // match()方法可在 字符串内检索指定的值,或找到一个或多个正则表达式的匹配    var r = window.location.search.substr(1).match(reg);     if(r!=null){         

JS中获取URL参数

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="/script/jquery-1.6.

js获取url参数

   //获取url参数    function getRequest() {         var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object();         if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 

js对特殊字符转义、时间格式化、获取URL参数

/*特殊字符转义*/ function replace_html(str) { var str = str.toString().replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"'); return str; } /* *时间格式化 *例子:time = new Date().Format(

JS获取url参数及url编码、解码

完整的URL由这几个部分构成:scheme://host:port/path?query#fragment ,各部分的取法如下: window.location.href:获取完整url的方法:,即scheme://host:port/path?query#fragment window.location.protocol:获取rul协议scheme window.location.host:获取host window.location.port:获取端口号 window.location.pa