import {Component} from "@angular/core"; import {ActivatedRoute} from "@angular/router"; import {CampaignPlayer} from "../../models/model-interfaces"; import {PlayerService} from "../../services/player-service/player.service"; @Component({ selector: 'campaign-player-detail', templateUrl: './campaign-player-detail.component.html', styleUrls: ['./campaign-player-detail.component.css'] }) export class CampaignPlayerDetailComponent { campaignPlayer: CampaignPlayer = {}; fractionRadioSelect: string; constructor(private route: ActivatedRoute, private playerService: PlayerService) { } ngOnInit() { this.route.params .map(params => [params['id'], params['playerName']]) .flatMap(id => this.playerService.getCampaignPlayer(id[0], id[1])) .subscribe(campaignPlayer => { this.campaignPlayer = campaignPlayer; }); } }