Angular 2:使用URL参数进行HTTP调用

时间:2016-04-18 10:58:11

标签: angular typescript

我是Angular的新手。在我的Angular 2 Web应用程序中,我正在尝试使用URL参数调用后端服务。

import {Http, Response} from 'angular2/http'
import {Injectable} from 'angular2/core'

@Injectable()
export class DataService {
  http: Http;
  constructor(http: Http) {
    console.log('Creating DataService');
    this.http = http;
  }

  getList(param1) {
    let params: URLSearchParams = new URLSearchParams();
    params.set('param1', param1);
    return this.http.get('http://localhost:8080/test/getList', { search: params }).map((res: Response) => res.json());
  }

}

这会在Visual Studio代码控制台中出现编译错误。

  

找不到名称' URLSearchParams'

有没有人知道我的代码有什么问题?

1 个答案:

答案 0 :(得分:3)

通过添加以下import语句解决了问题。

import {Http, Response, URLSearchParams} from 'angular2/http'