Угловое двухстороннее связывание с несколькими вложенными компонентами

Question

Я новичок в angular и хочу редактировать контент с угловой двухсторонней привязкой к вложенному компоненту. Вот структура без двухсторонней привязки.

parentModule.ts

this.contactList : Array[contact] =[];

parenModule.html

<div *ngFor="let contact of contactList">
        <app-contactCard [contact ]='contact '></app-contactCard>
</div>

nestedModule.ts

@Input() contact : contact;

nestedModule.Html

<div>{{this.contact.firstname}}- {{this.contact.firstname}}

Можно ли здесь добавить двухстороннее связывание и записать в родительский массив контактов из вложенного компонента?

Как это:

<input [(ngModel)]="this.contact.firstname"></input>

или есть ли лучший подход для достижения этого?