typescriptでマップ演算子の型を使用するにはどうすればよいですか？

Question

基本的には、すべての呼び出しでHttpの代わりにHttpClientを使用しようとしています。そのため、応答の一部のプロパティにアクセスできるインターフェイスを作成しました。事は、私はこのコードの先行入力を持っているということですが：

const URL = 'https://maps.google.com/maps/api/geocode/json'; 
this.searchField = new FormControl(); 
this.results$ = this.searchField.valueChanges 
    .debounceTime(500) 
    .switchMap(query => this.http.get(`${URL}?address=${query}`)) 
    .map(response => response) 
    .map(response => response.results); 

私はこのように、最後の2行にresponseにAPIResponseと呼ばれる私のインターフェイスを割り当てようとしました：.map(response:APIResponse => ...)が、それは明らかに構文エラーがスローされます。

回答のタイプはどこに含める必要がありますか？または、私のコードをどうやって変更できますか？

ありがとうございます。あなたはタイプを追加する場合

Answer 1

あなたは()を使用する必要があります。個人的に

.map((response:APIResponse) => ...) 

Answer 2

、私がしたい：

.map(response => response.json() as ApiResponse) 
.map(response => response.results); 

ところで、あなたがいた場合は4.3角度で導入された新しいHttpClientを使用します手動でJSONに変換する必要はありません。

this.httpClient.get<ApiResponse>(`${URL}?address=${query}` 
    .map(response => response.results);