Data only displayed after refresh

Question

I am creating comments section in my app, when a user enter a comments and submit, comment should imeaditely be displayed in front end, unfortunately now comments are only v

Answer 1

You have to call your getComments method in the callback of you submit comments. Your code only has a "get" call in ngOnInit method of the component. So when you refresh your view, the ngOnInit executes again and thus getComments is called.

You have to make a get call in the callback of your submit comments method.

EDIT#1:

addReview(author, description) {
    this.moviesService.addReview(author, description).subscribe(success => {
        this.flashMessages.show('You are data we succesfully submitted', { cssClass: 'alert-success', timeout: 3000 });
        // get the id
        this.moviesService.getComments(id).subscribe(comments => {
            console.log(comments);
            this.comments = comments;
        });
    }, error => {
        this.flashMessages.show('Something went wrong', { cssClass: 'alert-danger', timeout: 3000 });
    });
}