频道导航

• ▸ PHP
• ▸ Java
• ▸ Java SE
• ▸ Python
• ▸ C#
• ▸ C&C++
• ▸ Ruby
• ▸ VB
• ▸ asp.Net
• ▸ Go
• ▸ Perl
• ▸ netty
• ▸ Django
• ▸ Delphi
• ▸ Jsp
• ▸ .NET Core
• ▸ Spring
• ▸ Flask
• ▸ Springboot
• ▸ SpringMVC
• ▸ Lua
• ▸ Laravel
• ▸ Mybatis
• ▸ Asp
• ▸ Groovy
• ▸ ThinkPHP
• ▸ Yii
• ▸ swoole
• ▸ HTML
• ▸ HTML5
• ▸ JavaScript
• ▸ CSS
• ▸ jQuery
• ▸ Bootstrap
• ▸ Angularjs
• ▸ TypeScript
• ▸ Vue
• ▸ Dojo
• ▸ Json
• ▸ Electron
• ▸ Node.js
• ▸ extjs
• ▸ Express
• ▸ XML
• ▸ ES6
• ▸ Ajax
• ▸ Flash
• ▸ Unity
• ▸ React
• ▸ Flex
• ▸ Ant Design
• ▸ Web前端
• ▸ 微信小程序
• ▸ 微信公众号
• ▸ iOS
• ▸ Android
• ▸ Swift
• ▸ Hybrid
• ▸ Cocos2d-x
• ▸ Flutter
• ▸ Xcode
• ▸ Silverlight
• ▸ cocoa
• ▸ Cordova

• 前端之家
• JavaScript
• 详解Angular5 路由传参的3种方法

@H_502_0@获取参数js

@H_502_0@

2.冒号形式，

@H_502_0@例如：path:/product/:id

@H_502_0@获取参数的方式：ActivatedRoute.params[id]

@H_502_0@上边HTML代码中第一个routelink就是。

@H_502_0@另外需配置路由

@H_502_0@参考

@H_502_0@3.js里的路径跳转

@H_502_0@例如：path:/product,component:ProductComponent,data:[{madeInChina:true}]}

@H_502_0@获取参数的方式： ActivatedRoute.snapshot.data[0][madeInChina]

@H_502_0@以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。