数据从子级传递到父级时如何刷新父级视图

Question

我正在将值从父级传递给子级，并尝试使用以下代码将更新后的值从子级传递给父级

<app-childcomments (CommentsChange)="Usercommentsmodel = $event" [Usercommentsmodel]="Usercommentsmodel"></app-childcomments>

该代码似乎无法正常工作，并且父视图未刷新，我尝试直接在子级中分配值，但看到重复的值

this.usercommentsservice.deletecomment(commentdata).subscribe(data => {
      console.log('comment deleted');
      console.log(data);
      this.Usercommentsmodel = data;

    });

将值从子级传递给父级的最佳方法是什么，父级检测到更改并刷新视图。

check the link - error which iam seeing

Answer 1

在父类中创建一个函数并在模板中分配。 尝试在Typescript代码中更改父类中的值。

<app-childcomments (CommentsChange)="handleChange($event)" [Usercommentsmodel]="Usercommentsmodel"></app-childcomments>`

handleChange() {
  this.Usercommentmodel = $event; //assuming you are passing value in $event
}

如果此代码无效，则更多代码段将有所帮助。假设Child的值发生变化是由于用户的交互作用。

我看到的错误：