2017-07-29 11 views
2

ヒーロー-detail.component.tsプロパティ 'paramMap'が 'ActivatedRoute'型に存在しません。/node_modules/@角度/ルーター/インデックス "ParamMap '

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'.

答えて

4

ParamMap4.0.0-rc.6バージョンで導入されていない」は、エクスポートメンバーがいる'。あなたがでていることを確認しますこの方法は、昔の問題に

を解決するために役立つかもしれ-least角度4バージョン。

+0

角度2当量は何ですか? – Ring

+0

@Ringなぜあなたは後ろのバージョンに行きたいですか? –

0

この問題は、角度バージョンconflict.yourバージョンは4.0.0-rc.6 よりも低いバージョンもありかもしれパラメータ送信コンポーネントに蛇行行を追加します。

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

this.route.snapshot.queryParams;

成分受信パラメータには以下の行を追加します

Routermoduleに蛇腹ライン: {パス: 'プロファイル'、 成分:ProfileComponent }

+0

フォーマットが必要です – Billa

関連する問題