繁体   English   中英

Angular2服务不会将结果从http.get返回到Observable到组件

[英]Angular2 service doesn't return result to Observable from http.get to component

我正在尝试使用get在angular2中设置视图。 组件和服务

在模板中,我有一个seachbutton,它触发了组件上的搜索功能

//component
searchResult : SearchData[];
searchData(){
    this.search.geSearchResultPart1(this.form.searchterm)
        .subscribe(
            searchresult => {
                    this.searchResult = searchresult
                    console.log(  searchresult ); // undefined
                }, 
                err => {
                   console.log(err);
                });
}

我在服务中

 getSearchResultPart1(searchWord : string) : Observable<SearchData[]> {
    let fullURL = 'url=http://domain.nl/searchData.php?q='+searchWord;     
    return this.http.get(fullURL)
        .map((res: Response) => { 
            res.json().data as SearchData[]
            console.log(res.json()); // Shows an array with objects
        })
        .catch((error:any) => Observable.throw(error.json().error || 'Server error'));
}

我还包括了(以及其他必要的进口品)

import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';

该服务确实在console.log上显示了响应,但是不返回数据。 我搜索并跟踪了多个提示,但没有结果。 我想我做的不错,但是忘记了一件小事,但是我不知道是什么。

如果将=>{} ,则需要显式return

return this.http.get(fullURL)
    .map((res: Response) => { 
        res.json().data as SearchData[]
        console.log(res.json()); // Shows an array with objects
        return res.json();
    })

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM