Маршрутизация с переменной angular2?

Question

Мне нужно направить к другому компоненту, как вы можете видеть в пути, но мне нужно передать переменную this.a вместе. Как я могу сделать это, чтобы использовать значение этой переменной для другого компонента?

Component.ts

 import {Component, OnDestroy,OnInit, Input} from '@angular/core';
    import { ChangeDetectorRef } from '@angular/core';
    import { Router } from '@angular/router';
    import { analyzeAndValidateNgModules } from '@angular/compiler';
    import { ParkingService } from '../../../services/parking.service';
    import { Injectable } from '@angular/core';
    import { Subject, BehaviorSubject } from 'rxjs';



    @Component({
        selector: 'ngx-homepage',
        styleUrls: ['./homepage.component.scss'],
        templateUrl: './homepage.component.html',
        providers: [ParkingService]

      })

      @Injectable()
      export class HomepageComponent implements OnInit {


        a:string;
      constructor (public parkingService: ParkingService, public root:Router) { 


      }
      ngOnInit(){


      }

            pass(passa)
              {

              this.a= passa.value;
              window.alert(this.a);
              this.parkingService.setUserToken(this.a);

              this.root.navigate(['/pages/iot-dashboard']);

              }




    }

Answer 1

В документах Angular вы можете увидеть ответ в https://angular.io/guide/router#migrating -urls-with-redirects

pass(passa) {
    this.a= passa.value;
    window.alert(this.a);
    this.parkingService.setUserToken(this.a);
    this.root.navigate(['/pages/iot-dashboard', { userToken: this.a }]);
}

Вы можете заменить userToken в объекте на имя переменной, которую вы хотите передать в маршрут