如何在不呈现所有视图的情况下更新视图中的特定字段

Question

我写了一个包含两个部分的论坛

component

• comments
• 后父组件- post组件

中的子组件

包含youtube iframe的帖子

当我点击注释子组件、角渲染视图和youtube iframe跳转的每个位置时，如果视频正在播放它的停止，我用以下方法解决了这个问题

  changeDetection: ChangeDetectionStrategy.OnPush

现在我有同样的问题，如果我按下点击事件在帖子或评论组件，我如何解决这个问题？

示例不是作为论坛，而是使用iframe来显示问题https://codesandbox.io/s/angular-forked-xz5ro

Answer 1

完整的解决方案是尽可能多地将所有东西分离到不同的组件，而不是子组件，使其成为兄弟组件。

  changeDetection: ChangeDetectionStrategy.OnPush

  ngOnChanges() {   
    if (this.postObj) {
       this.post =  Object.assign({}, this.postObj); 
    }