1.父路由routes配置方式:
export const EvaluationQuestionnaireRoute=[
{
path:':edit/:id', //必须是路径名:/id
component:EditQuestionnaireComponent
},
2.跳转传参方式:
模板:
<div [routerLink]="['edit',1]">页面跳转传值</div>
控制器:
import { Router } from '@angular/router';
this.router.navigateByUrl("edit/"+q.id);
this.router.navigate(["edit/",q.id]);
3.子路由获取父路由参数:
import { Component, OnInit } from '@angular/core';
import {AczivatedRoute} from "@angular/router";
@Component({
selector: 'app-product',
templateUrl: './product.component.html',
styleUrls: ['./product.component.scss']
})
export class ProductComponent implements OnInit {
constructor(public route: ActivatedRoute) {}
ngOnInit() {
//通过订阅这种形式来接收父级页面传过来的值 this.activatedRoute.params.subscribe(
data=>{
this.id=data.id;
console.log(data.id)}
);
//或者通过
this.route.params['value']['id']
//或者通过
this.id = this.activatedRoute.snapshot.params['id'];
}
}