Angular 2最佳实践：绑定对象与绑定其属性

Question

子组件最好是输入对象的属性并更改发射器，还是双向绑定到对象，如下所示：

示例1

<parent-component>
  <child-component [exampleInput]="object.val" 
                   (valueChanged)="updateObjectValue($event)">
  </child-component>
</parent-component>

vs示例2

<parent-component>
  <child-component [(obj)]="object"></child-component>
</parent-component>

其中示例2的子组件将处理updateObjectValue逻辑。

在我们的代码中，这样的组件目前有4个输入和2个输出，如果通过将它直接绑定到对象来减少到1个属性就可以了，这很棒

Answer 1

我会选择事件发射器选项作为推荐方式。 请参考这个 https://angular.io/guide/component-interaction#parent-listens-for-child-event

<parent-component>
     <child-component [exampleInput]="object.val"
        (valueChanged)="updateObjectValue($event)">
     </child-component>
</parent-component>