public itemArr: itemModel[] = [];
 constructor(private dataSvc: DataService) {
    this.itemArr = dataSvc.getFromLocalStorage("itemArr");
  }

ה-HTML של ScreenList נראה כך:

<app-ScreenList [itemArr]="itemArr" ></app-ScreenList>

ה-TS של List נראה כך:

@Input() itemArr!: itemModel[];

ה-HTML של List נראה כך:

<div *ngFor="let item of itemArr" ">{{item.value}}</div>

במילים פשוטות אני שולח מערך מקופוננטת האב, לקופוננטת הבן אשר תפקידה להציג את המערך שהתקבל.
כעת אני רוצה למחוק באמצעות קליק על כפתור בקומפוננטת הבן, איבר אחד במערך, לשם כך יש לי פונקציה ב-dataSvc שמוחקת את האיבר.
כעת בפעם הבאה שאטען את הקומפוננטה אכן לא יופיע הפריט שנמחק. השאלה כיצד ניתן לעשות שמתי שאלחץ על "מחק" הפריט יעלם באופן מיידי?
תודה רבה.