当数据从子对象传递给父对象时如何刷新父视图

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;

    });

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

Answer 1

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

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