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

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

  }

 

 

  /**

   * 获得参数

   */

  SetParam():void{

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

    console.log(id,name);

  }

}

 

你可能感兴趣的:(angular2)