angular2 路由传多个参数

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 16:44   1023   0

import { Component, OnInit } from '@angular/core';

import { AllParam , HeaderParam } from '../../../../Template/main/main.component';

import { Situationinterface } from '../../../../Interceface/situationinterface';

import { SubjectService } from '../../../../Service/subject-service.service';

import { ActivatedRoute,Params,Router }from '@angular/router';

@Component({

selector: 'app-situation',

templateUrl: './situation.component.html',

styleUrls: ['./situation.component.scss']

})

export class SituationComponent implements OnInit {

constructor(

private subjectService:SubjectService,

private activatedroute: ActivatedRoute,

private router:Router

) { }

/**

* 去其他页面

*/

Gomaterial():void{

console.log(123);

//如参数为id:12,name:123的时候,跳转下个页面

this.router.navigate(["MaterialComponent",{id:'12',name:'123'}]);

}

/**

* 获得参数

*/

SetParam():void{

let {id,name} = this.activatedroute.snapshot.params;

console.log(id,name);

}

}

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP