37 lines
1018 B
TypeScript
37 lines
1018 B
TypeScript
import { Component, Input, OnInit, OnDestroy } from '@angular/core';
|
|
import { Post } from '../post.model';
|
|
import { PostService } from '../posts.service';
|
|
import { Subscription } from 'rxjs';
|
|
|
|
@Component({
|
|
selector: 'app-post-list',
|
|
templateUrl: './post-list.component.html',
|
|
styleUrls: ['./post-list.component.css']
|
|
})
|
|
|
|
|
|
export class PostListComponent implements OnInit, OnDestroy {
|
|
//posts=[
|
|
//{title: 'First Post', content:'This is the first post\'s content'},
|
|
//{title: 'Second Post', content:'This is the second post\'s content'},
|
|
//{title: 'Third Post', content:'This is the third post\'s content'}
|
|
//];
|
|
posts: Post[] = [];
|
|
private PostSub: Subscription = new Subscription();
|
|
constructor(public postsService: PostService){
|
|
//this.postsService = postsService;
|
|
}
|
|
|
|
ngOnInit(){
|
|
this.postsService.getPosts();
|
|
this.PostSub=this.postsService.getPostUpdateListener().
|
|
subscribe((posts: Post[]) => {
|
|
this.posts = posts;
|
|
});
|
|
}
|
|
|
|
ngOnDestroy(){
|
|
this.PostSub.unsubscribe();
|
|
}
|
|
}
|