typescript - Http サービスからマップされたオブジェクトを返す一般的なパターン

Question

私のサービスの 1 つには、この実装のメソッドがあります。

public getCrawls(page: number): Observable<ICrawl[]>{
        return this._http.get(this._crawlsURL + page)
            .map((res: Response) => {
                return {
                    crawls: <ICrawl[]>res.json(),
                    headers: res.headers
                }
            })
            .catch(this.handleError);
    }

私はこれとは対照的にこれをやっています.map((res: Response) => <ICrawl[]>res.json())

したがって、コンシューマー コンポーネントでは、ヘッダーにアクセスして、ページネーターを機能させることもできます。

getCrawls(page: number): void {
        this._crawlsService.getCrawls(page)
            .subscribe(
                res => {
                    this.crawls = res.crawls;
                    this.totalItems = res.headers.get('X-Records');
                },
                error => this.errorMessage = <any>error);
    }

これは機能しますが、WebStorm ではres.crawlsとの両方res.headersが赤です。(未解決の変数) ですが、コードはコンパイルされて動作します。

これは、これが間違った方法であるに違いないと私に信じさせます。未解決の変数を持たずにこれを達成するにはどうすればよいですか。