无法获得API - 新的httpModule Angular 5

Question

我尝试显示iTunes API（https://itunes.apple.com）中的数据，但无法获取数据。

首先，我创建了一个界面，只获取我感兴趣的字段：

export interface iTunesSearchResults {
artistName: string;
collectionName: string;
artworkUrl100: string;
}

这是我的服务：

albumListByArtist: iTunesSearchResults[];

getAlbums(): Observable<iTunesSearchResults[]> {
    return this._http.get<iTunesSearchResults[]>("https://itunes.apple.com/search?entity=album&term=Jay Z")

}

然后，这是组件：

albumListByArtist: iTunesSearchResults[];

getAlbums(): void {
    this.albumsList.getAlbums().subscribe(albums => { 
        this.albumListByArtist = albums;
        console.log(this.albumListByArtist);
        //console.log(this.albumListByArtist.collectionName);
    });

}

ngOnInit() {
    this.getAlbums();
}

现在，如果我将//console.log(this.albumListByArtist.collectionName);删除//，那么我将收到错误

同样，我无法在模板中获取数据

这是控制台：

所以我似乎得到了数据，但无法真正访问我需要的字段。

我试图在http.get .. .map之后映射（ 但它没有工作

我做错了什么？

感谢您的帮助