Всем привет! Назрел вопрос: Есть вот такой кусок parent.html

Question

Всем привет! Назрел вопрос: Есть вот такой кусок parent.html

<div class="links">
<ng-container *ngIf="user?.profileSettings?.profileLinks?.links as links">
<div cdkDropList class="example-list" (cdkDropListDropped)="drop($event, links)">
<div class="example-box" cdkDrag cdkDragLockAxis="y" cdkDragBoundary=".links" *ngFor="let link of links; let i=index">
<app-settings-right-link [name]="link.name" [url]="link.url" (deleteSelf)="deleteLink(i)" (urlChanged)="saveUrlChanges($event, i)"></app-settings-right-link>
</div>
</div>
</ng-container>
</div>
app-settings-right-link.html:
<label tuiLabel="">
<tui-input tuiTextfieldSize="s"
[tuiTextfieldCleaner]="true"
[(ngModel)]="name"
(ngModelChange)="handleInput($event)">
Название ссылки
</tui-input>
</label>
<label tuiLabel="">
<tui-input tuiTextfieldSize="s"
[tuiTextfieldCleaner]="true"
[(ngModel)]="url"
(ngModelChange)="handleInput($event)">
URL
</tui-input>
</label>
У меня не получается как надо сохранять эту шляпу
Что это:
Есть страница, на которой распологается данный компонент (объект для ввода ссылки и названия ресурса)