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

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;

    });

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

检查链接 - 我看到的错误

标签： angulartypescript

Answer 1

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

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

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

如果这不起作用，更多代码片段会有所帮助。假设 Child 的值变化是由于用户交互。

我看到的错误：