MEAN Cookbook

How to do it...

Let's perform the following steps to load real API data into our blog service:

1. First, we will need to provide our Blogger API key to our application's /src/environments/environment.ts configuration:

export const environment = {  production: false,  bloggerAPIKey: 'YOUR UNIQUE API KEY'};

2. Next, we will overhaul our /src/app/posts/blog-posts.service.ts service to load our blog post data from an external URL and resolve the response into a promise of BlogPost model result:

import { Injectable } from '@angular/core';import {BlogPost} from './blog-post';import {Http} from '@angular/http';import { environment } from '../../environments/environment';import 'rxjs/add/operator/toPromise';@Injectable()export class BlogPostsService ...