Update Request

<h3>All Posts</h3>
<table>
    <tr>
        <th>Title</th>
        <th>Content</th>
        <th>Actions</th>
    </tr>

    <tr *ngFor="let post of posts">
        <td>
            {{ post.title }}
        </td>
        <td>
            {{ post.content }}
        </td>
        <td>
            <Button class="btn-delete" (click)="onDeletePost(post.id)">
                Delete Post</Button>
            <Button class="btn-edit" routerLink="/posts/edit/{{ post.id }}">
                Edit Post</Button>
        </td>
    </tr>
</table>

constructor(private postsService: PostsService){}

post: Post[];
currentPost: Post;
currentPostId: number;

ngOnInit(){
    // find the post to edit
    this.currentPostId = this.activatedRoute.snapshot.paramMap.get('id');
    let currentPost = this.posts.find(post => return post.id === currentPostId);
}

<h3>New Post</h3>
<form #postsForm="ngForm" ngSubmit="onEditPost(postsForm)">
    <label>Title:</label>
    <input type="text" name="title" ngModel>

    <label>Content:</label>
    <input type="text" name="content" ngModel>

    <input type="submit" value="Save Post">
</form>

constructor(private postsService: PostsService){}

post: Post[];
currentPost: Post;
currentPostId: number;
@ViewChild('postsForm') form: NgForm;

ngOnInit(){
    // find the post to edit
    this.currentPostId = this.activatedRoute.snapshot.paramMap.get('id');
    let currentPost = this.posts.find(post => return post.id === currentPostId);

    // populate the form
    this.form.setValue({
        title: currentPost.title,
        content: currentPost.content
    });
}

baseUrl = 'http://localhost:3000'

constructor(private http: HttpClient){}

createPost(post: Post){
    return this.http.post(`${baseUrl}/posts`, post);
}

getPosts(): Observable<Post[]>{
    return this.http.get<Post[]>(`${baseUrl}/posts`);
}

deletePost(id: number){
    return this.http.delete(`${baseUrl}/posts/${id}`);
}

updatePost(id: number, post: Post){
    return this.http.put(`${baseUrl}/posts/${id}`, post);
}

constructor(private postsService: PostsService){}

post: Post[];
currentPost: Post;
currentPostId: number;
@ViewChild('postsForm') form: NgForm;

ngOnInit(){
    // find the post to edit
    this.currentPostId = this.activatedRoute.snapshot.paramMap.get('id');
    this.currentPost = this.posts.find(post => return post.id === currentPostId);

    // populate the form
    this.form.setValue({
        title: currentPost.title,
        content: currentPost.content
    });
}

onEditPost(post: Post){
    this.postsService.updatePost(this.currentPostId, post).subscribe(response => {
        console.log(response);
    });
}