您使用了错误的键来获取HTML部分中的值,代码应该是-

<h2>{{c.data.title}}</h2>

而不是

<h2>{{c.title}}</h2>

你为什么要用 parse 然后 stringify ,只需使用 json() 像这样-

this.http.get('https://www.reddit.com/r/gifs/top/.json?limit=2&sort=hot', {observe:'response'}).subscribe( res => { 
      console.log(res) ;
      let response = res.body;
      this.countries = response.data.children;
    });

Working Example

更新

如果您正在使用 httpClient 那就不用用了 {observe:'response'} 因为在您的用例中不需要这个。

import 'rxjs/add/operator/map';

this.http.post('https://www.reddit.com/r/gifs/top/.json?limit=2&sort=hot',{ observe:'response'}).map(res => res.json()).subscribe(data => {
   console.log(data.data);
});

试试这个

this.http.get('https://www.reddit.com/r/gifs/top/.json?limit=2&sort=hot',{ observe:'response'}).subscribe( res => { console.log(res) ;          
      this.countries = info['data'].children;
  });