Check out my GitHub repository
Encountering an error in the CLI console despite defining Post as an interface/type in user.component.ts:
import { Component } from '@angular/core';
import {PostService} from '../services/post.service';
@Component({
selector: 'user',
template: #`,
providers: [PostService],
})
export class UserComponent {
name: string;
email: string;
address: address;
hobbies: string[];
showhobbies: boolean;
posts: Post[];
` constructor(private postService: PostService) {
...
this.postService.getPosts().subscribe(posts => {
this.posts = posts;
console.log(posts);
});
}
}
interface Post{
id: number;
title: string;
body: string;
}
In post.service.js:
import {Injectable} from '@angular/core';
import {Http} from '@angular/http';
import 'rxjs/add/operator/map';
@Injectable()
export class PostService {
constructor(private http: Http){
console.log("PostService initialized");
}
getPosts(){
return this.http.get('https://jsonplaceholder.typicode.com/posts')
.map(res => res.json);
}
}
Instead of receiving an array of posts from the REST API, console logs function-literal: https://i.sstatic.net/MclGm.png