In my current project, I'm working with 2 components: detail (parent) and update (child). My goal is to have the update component's initial values, set as a form, based on an object that the detail component possesses.
To achieve this, I am utilizing the @Input decorator in the following way:
<app-component-update [childObject]="childObject"></app-component-update>
While I am successful in passing the value to the child component, the issue arises when any updates are made on the form within the child component, causing the parent component to update as well - a situation I want to avoid. What would be an effective approach to ensure the value is only sent once? I have attempted cloning the object using lodash's cloneDeep method, although I am uncertain about the viability of this approach.