Javascript 如何使用Angular4将参数传递到服务中

我需要向我的服务传递一些参数，请告诉我应该在哪里构建参数：在组件中？还是在服务部分？还建议创建url参数，这些参数可以发送到我的php服务器、我的component.ts文件，以便从我的API获取所有必需的列表：

transaction:any;
myList(transNo){
this.service.listOfData(transNo).subscribe(
  (data) => {
    this.source.load(data.records);
    this.dataLoaded = true;
  },
);
}
ngOnInit() {
this.settings = Object.assign({}, this.WorkshopDetailsSetting);
this.listTransaction(this.transaction);
this.optionsSelect = [
  { value: '1', label: 'Transaction 1' },
  { value: '2', label: 'Transaction 2' },
  { value: '3', label: 'Transaction 3' },
  { value: '4', label: 'Transaction 4' },
  { value: '5', label: 'Transaction 5' },
  { value: '6', label: 'Transaction 6' }
]

}

我的服务如下：

listOfData(data): Observable<any> {
    return this.http.get(`${this.API_ROOT}${this.API_LIST}`, data)
        .map(
        (res: Response) => res.json() || {},
    ).catch(this.handleError);
}

listOfData（数据）：可观察{
返回this.http.get（`this.API\u ROOT}${this.API\u LIST}`，数据）
.地图(
（res:Response）=>res.json（），
).接住（这个.把手错误）；
}

---

请建议如何从组件到服务或从服务到API创建基于参数的参数。

所以您的服务应该是这样的

listOfData(data): Observable<any> {
        const url = `${environment.apiUrl}/getList?trans=${data}`;      
        const headers = new Headers();
        const options = new RequestOptions({ headers: headers });
        return this.http.get(url, options).map(
           (res: Response) => res.json() || {},
           ).catch(this.handleError);
    }

listOfData（数据）：可观察{
常量url=`${environment.apiUrl}/getList？trans=${data}`；
常量头=新头（）；
const options=newrequestoptions（{headers:headers}）；
返回此.http.get（url，options）.map(
（res:Response）=>res.json（），
).接住（这个.把手错误）；
}

那么上面的代码有什么问题呢？我无法将mdb select值传递给我的服务函数，我还想用所选值创建get参数，如exmaple api.mydomain.com/getlist？trans=此代码似乎是正确的，因此请发布更多代码（整个服务和整个组件）