如何处理ReactiveForms Angular2中的计算属性 - 模型或组件中的逻辑

Question

我不确定，如何正确处理被动形式的计算属性。

<form [formGroup]="form" (ngSubmit)="onSubmit()">
   <input formControlName="name" />
   <input formControlName="surname" />
   <input readonly [value]="form.get('name').value() + ' ' + form.get('surname').value()" /> //fullname
</form>

我应该在哪里最好地使用Logic来获取全名？我可以把它放在组件中，或者我可以将它放在我的模型中。我更喜欢把它放在我的模型中，但是我必须通知我的模型有关变化。

<form [formGroup]="form" (ngSubmit)="onSubmit()">
   <input formControlName="name" (ngModelChange)="model.name = $event"/>
   <input formControlName="surname" (ngModelChange)="model.name = $event"/>
   <input readonly [value]="model.fullName" />
</form>

有没有办法将reactiveForms值与模型同步？在2个地方更新值是一个好习惯吗？我更喜欢在模型中使用我的业务逻辑，但是将数据保存在2个地方感觉很奇怪。