How to change the @input value of child component when button click in parent component ( child component is in *ngfor loop )

Question

I want to change the input value of discount when i click the button.

//parent.component.html
<button mat-raised-button (click)="addDiscount(5)" >5</button>
<div *ngFor="let items of itemSelected">
    <item-box [quantity]="quantity" [discount]="discount">
     </item-box>
 </div>



 //parent.component.ts
    discount: number = 0;

     addDiscount(disc: number){
       this.discount = disc;
      }

Answer 1

From your code it seems changing parent property will pass changed value to each child component

<button (click)="addDiscount(5)">Click Me to Send Data to Child</button>
 <div *ngFor="let item of items" >
  <br>
  <app-child [discount]="discount" [childToMaster]=master 
  (childToParent)="childToParent($event)">
 </app-child>
</div>

Parent-Child-Interaction Code Demo showing changing parent property is accessible in all child components