Angular 4 路由时传递数据

简介:

路由时传递数据的方式有

1. 在查询参数中传递数据

2. 在路由路径中传递参数

3. 在路由配置中传递参数

 

一.在查询参数中传递数据

在前一节的基础上,我们增加路由数据传递

2. 接收参数的地方

3. 显示产品ID

4. 效果图

 

二、路径中传递参数

1. 修改路由配置

2. 使用路径调用

3. 接收

 4. 效果图

 

三、参数快照和参数订阅

snapshot参数快照

参数订阅  可以自己路由到自己 如product/1 路由到prodct/2

 


本文转自Work Hard Work Smart博客园博客,原文链接:http://www.cnblogs.com/linlf03/p/7357141.html,如需转载请自行联系原作者


目录
相关文章
|
4月前
|
JavaScript 前端开发 应用服务中间件
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
70 0
|
JavaScript 前端开发 Java
【Angular教程】路由入门
【Angular教程】路由入门
342 0
【Angular教程】路由入门
|
17天前
|
JavaScript 前端开发 API
如何在 Angular 路由中使用路由解析器
如何在 Angular 路由中使用路由解析器
25 0
|
17天前
如何在 Angular 路由中使用路由守卫
如何在 Angular 路由中使用路由守卫
22 0
|
17天前
如何在 Angular 路由中使用查询参数
如何在 Angular 路由中使用查询参数
8 0
|
17天前
|
JavaScript 前端开发 测试技术
如何在 Angular 中使用懒加载路由
如何在 Angular 中使用懒加载路由
10 0
|
4月前
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
|
4月前
几个经常用到的angular路由Router、ActivatedRoute 知识点:嵌套路由、路由跳转、路由传参、路由参数获取
几个经常用到的angular路由Router、ActivatedRoute 知识点:嵌套路由、路由跳转、路由传参、路由参数获取
几个经常用到的angular路由Router、ActivatedRoute 知识点:嵌套路由、路由跳转、路由传参、路由参数获取
|
4月前
|
JavaScript
解决vue项目build之后部署到服务器访问的时候出现报错:Uncaught SyntaxError: Unexpected token ‘<‘ chunk-vendors:XXXXXX
解决vue项目build之后部署到服务器访问的时候出现报错:Uncaught SyntaxError: Unexpected token ‘<‘ chunk-vendors:XXXXXX
解决vue项目build之后部署到服务器访问的时候出现报错:Uncaught SyntaxError: Unexpected token ‘<‘ chunk-vendors:XXXXXX
|
4月前
|
C++
【angular】启动项目和路由配置
【angular】启动项目和路由配置
37 1
下一篇
云函数