angular学习6之路由可选参数和必选参数

有路由配置如下

const routes:Routes = [{path:'/product/:title',component:ProductDetailComponent
}]

在要导航到ProductDeDetail的Product组件下通过routerLink组件传递参数。
假设product.title = ‘第一个商品’

<a [routerLink]="['/product',product.title]" [queryParams]="{name:'superman',age:15}"></a>

导航到的路由路径就是这样：

http://localhost:4200/product/第一个商品?name=superman&age=15

怎么获取：

ProductDetail.component.ts

import {ActivatedRoute} from '@angular/router'
//注入依赖
constructor(private route:ActivatedRoute){}
//生命周期钩子
ngOnInit(){//路由快照this.route.snapshot.params['title'] //第一个商品this.route.snapshot.queryParams['name'] //superman//上面两个都只是只读普通对象//observable对象，非只读，有get,set,getAll 等方法this.route.snapshot.paramMap.get('title') // 第一个商品this.route.snapshot.queryParamMap.get('name')//superman//非路由快照的路由信息 ，他们都是observable对象//与上面一一对应,也是只读的this.route.params.subscribe((params)=>{console.log(params.title)})this.route.queryParams.subscribe((params)=>{console.log(params.name)})//非只读的this.route.paramMap.subscribe((params)=>{console.log(params.get('id')})this.route.queryParamMap((params)=>{console.log(params.get('name'))})
}

需要注意的是Map对象不带‘s’

angular学习6之路由可选参数和必选参数相关推荐

python3函数参数（必选参数、默认参数、关键字参数、可变参数）
python3函数参数形参是参数在函数定义过程中的状态,这个过程中没有赋予实际的数值,实参是参数在函数调用过程中的状态,当参数被赋予实际的数值后,它会由形参转为实参. 必选参数在前,默认参数在后,默 ...
python函数参数之必选参数，默认参数，可变参数，关键字参数
Python的函数定义非常简单,但灵活度却非常大.除了正常定义的必选参数外,还可以使用默认参数.可变参数和关键字参数, 1 默认参数定义形式:def calc(para1,para2=None):其 ...
python3函数的参数：必选参数(位置参数)、默认参数、可变参数、关键字参数、命名关键字参数
了解python函数的参数,是阅读各种库和源码的必需技能,请认真学习并掌握. 1.位置参数: def fn1(a):pass def fn2(a,b):pass msg: pass是占位符,当没有具体 ...
python中可选参数是什么意思_【IT专家】python 函数参数(必选参数、默认参数、可选参数、关键字参数)...
本文由我司收集整编,推荐下载,如有疑问,请与我司联系 python 函数参数 ( 必选参数.默认参数.可选参数.关键字参数 ) 2015/09/01 30797 参考: liaoxuefeng/wik ...
python 函数参数(必选参数、默认参数、可选参数、关键字参数)
参考: http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/0013747384493 ...
PowerShell的参数集，可选和必选参数，位置参数，参数值，通用参数之简介
参数集,即是powershell的语法, 可使用其中的一个参数集,各参数集的参数不能混用,若各参数集有公有参数,运行时只指定一个公有参数时,默认运行第一个含有该参数的参数集.如Get-EventLog ...
python中可选参数是什么意思_什么是python的必选参数
函数的必选参数,指的是函数调用的时候必须传入的参数 import math def cal (n): return n * n var = cal(2) print(var) # 4 上面的函数是计算 ...
python 函数教程：必选参数与默认参数
必选参数位置参数须以正确的顺序传入函数.调用时的数量必须和声明时的一样. def power(x, n):s = 1while n > 0:n = n - 1s = s * xreturn s ...
Python - 在定义函数时，为什么默认参数不能放在必选参数前面？
分享一个大牛的人工智能教程.零基础!通俗易懂!风趣幽默!希望你也加入到人工智能的队伍中来!请点击http://www.captainbed.net 我们尝试直接定义这样的函数,看看Python解释器会 ...

angular学习6之路由可选参数和必选参数

angular学习6之路由可选参数和必选参数相关推荐

最新文章

热门文章