Getting the real news

So far we have used a hard-coded array inside our service as the source of news. Now it is the time to fetch the real headlines from news agency servers. The Angular HTTP service is in charge of communicating with servers over HTTP protocols. It sends HTTP requests from the application to the server and receives some responses from them. Then it is our job to do something with those responses inside our app. For example, we can find CNN top stories in the following URL: http://rss.cnn.com/rss/edition.rss

Let's hit that URL and get the headlines and replace them with the hard-coded array in our service. To renovate the current Collector service, open the file and make the following changes to it:

// app/collector/collector.service.ts 
import {Http} from '@angular/http'; 
import {Injectable} from "@angular/core"; 
 
@Injectable() 
export class CollectorService { 
  private url = 'https://query.yahooapis.com/v1/public/yql?q=select%20title%2Clink%2Cdescription%20from%20rss...