Angular2 routing to pass multiple parameters

 

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

  ) { }

 

  

  /**

   * Go to other pages

   */

  Gomaterial():void{

    console.log(123);

//If the parameter is id:12,name:123, jump to the next page

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

  }

 

 

  /**

   * Get parameters

   */

  SetParam():void{

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

    console.log(id,name);

  }

}

 

Guess you like

Origin blog.csdn.net/zt13502162671/article/details/107941220