Pathway to http object

JavaScript
1

{
“status”: “ok”,
“totalResults”: 183,
“articles”: [
{
“source”: {
“id”: null,
“name”: “Cnet.com”
},
“author”: “Mark Serrels”,
“title”: “Litecoin’s creator wants to buy porn with his own cryptocurrency - CNET”,
“description”: “Charlie Lee, the creator of Litecoin, is happy Pornhub is letting us buy
pornography with crypto, but when is it gonna expand the deal to include other
currencies?”,
“url”: “Litecoin's creator wants to buy porn with his own cryptocurrency - CNET”,
“urlToImage”: “https://cnet4.cbsistatic.com/img/MAH6wdOiiaYrR4kYEPpn9nM9kIE=/670x503/2017/06/28/cc58e60c-1683-47ec-8a3d-4125f3e5c647/pornhub-vr-crop.jpg”,
“publishedAt”: “2018-04-18T04:24:43Z”
},

Im sorry if object tree is little blurry ive tried
console.log(this.book.articles[0].title) so far with no luck i cant seem to get the path right to lets say
author on the array of object what am i doing wrong?

2

i checked one last time and its visible in service consolelog
like the correct path but in the component its showing blank what im doing wrong

3

Codepen link???

5

yea i havnt had time to test but how i resolved it was
target the service values directly. in template
so it was realtime updating the property in component didnt update like so showing blanc.
thanks for help aniways