Угловое 2-проводное значение для обслуживания

Question

Я знаю, как передавать данные в и из вложенного компонента. Но у меня есть служба, которая получает некоторые данные из REST API. Мне нужно, чтобы URL-адрес моей службы изменился, когда я нажимаю и запускаю функцию. Мне нужно передать идентификатор моей службе и изменить мой URL.

I мой компонент:

showUnitDetails(selectedUnit) { 
    this.unitId = selectedUnit; 
    this.unitDetails = true; 
    this._unitService.getUnit(this.unitId).subscribe(resUnitData => this.unit = resUnitData, err => alert('Error')); 
} 

В моей службы:

getUnit(id: unitId){ 
    return this._http.get(this._url).map((response: Response) => response.json()); 
} 

Но когда я сохранить свою службу я получаю ошибку "Cannot find name unitId".

Answer 1

Я сделал вам быстрый пример, показывающий, как подключить компонент и службу http вместе с параметрами, в которых вы можете передать идентификатор и URL-адрес.

import {Component, Injectable, NgModule} from "@angular/core" 
import {Http} from "@angular/http" 

//A Module 
@NgModule({ 
    declarations: [MyComponent], 
    providers: [MyService], 
}) 
export class MyModule 
{ 
} 

//The Component 
@Component({ 
    selector: 'my-component', 
    templateUrl: './my-component.component.html', 
}) 

export class MyComponent 
{ 
    private id: number; 
    private url: string; 

    constructor(public myService: MyService) 
    { 
    } 

    ngOnInit() 
    { 
     this.id = 123; 
     this.url = '/api/stuff'; 

     this.myService 
      .getStuff(this.id, this.url) 
      .subscribe(response => 
       { 
        console.log(response); 
       }, 
       error => 
       { 
        console.log(error); 
       }) 
    } 
} 

//The Service 
@Injectable() 
export class MyService 
{ 
    constructor(private http: Http) 
    { 
    } 

    getStuff(id: number, url: string) 
    { 
     const urlWithId = url + id; 

     return this.http 
      .get(urlWithId) 
      .map(res => res.json()) 
    } 
}