La propriété 'paramMap' n'existe pas sur le type 'ActivatedRoute'./Node_modules/@ angulaire/routeur/index " » n'a pas membre exporté 'ParamMap'

Question

héros-detail.component.ts

import { Component, Input, OnInit } from '@angular/core'; 
import 'rxjs/add/operator/switchMap'; 
import { ActivatedRoute} from '@angular/router'; 
import { ParamMap } from '@angular/router'; 
import { Location }     from '@angular/common'; 
import { Hero } from '../hero'; 
import { HeroService } from '../services/hero.service'; 

@Component({ 
    selector: 'app-hero-detail', 
    templateUrl: './hero-detail.component.html', 
    styleUrls: ['./hero-detail.component.css'] 
}) 
export class HeroDetailComponent implements OnInit { 

    @Input() hero: Hero; 

    constructor(
    private heroService: HeroService, 
    private route: ActivatedRoute, 
    private location: Location 
) { } 

    ngOnInit(): void { 
    this.route.paramMap 
    .switchMap((params: ParamMap) =>  this.heroService.getHero(+params.get('id'))) 
    .subscribe(hero => this.hero = hero); 
} 

goBack(): void { 
    this.location.back(); 
} 

} 

Error: 1> node_modules/@angular/router/index"' has no exported member 'ParamMap'.

2> Property 'paramMap' does not exist on type 'ActivatedRoute'.

Answer 1

ParamMap a été introduit dans la version 4.0.0-rc.6. Assurez-vous que vous avez à -least angulaire la version 4.

Answer 2

Ce problème peut être la version angulaire version conflict.your peut être inférieure à la version 4.0.0-rc.6 Cette méthode peut être aider à résoudre le problème de temps jadis

ajouter une ligne suivante au composant d'envoi de paramètre:

this.router.navigate (['profile'], {queryParams: {authdata: email}});

ajouter la ligne ci-dessous pour recevoir le paramètre composant:

this.route.snapshot.queryParams [ 'authdata'];

ligne ci-dessous pour la Routermodule: {chemin: 'profil', composant: ProfileComponent }