angular2 路由传多个参数

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);

  }

}

猜你喜欢

转载自blog.csdn.net/zt13502162671/article/details/107941220