title: how to load a component, for each time when the function calls?
body: <p>I am using angular and I am trying to do reusable actions like bulk updates,bulk deletes,bulk deactivates.</p>
  
  <p>I used all these actions in another component and want to used it as generic method.</p>
  
  <p>Which means, i have two components: parent component and child component.</p>
  
  <p><strong>Parent Component:</strong></p>
  
  <p>In parent component , I am using a table(each row with checkbox).
   In check box I used a method,</p>
  
  <pre><code>  rowDataCheck(event, rowData) {
      if (event.target.checked) {
        this.groupList.push(rowData);
       } else {
        this.groupList = this.groupList.filter(item =&gt; item.id !== rowData.id);
       } 
    }
  </code></pre>
  
  <p>And the value is storing in <code>grouplist[]</code>. When page onloads(ngOnint) the <code>groupList=[]</code>. 
  for eg:-</p>
  
  <pre><code>1. when ngOnit() loads = this.grouplist=[];
  
  2. when I check 1st row = this.grouplist=[1];
  
  3. when I check 2st row = this.grouplist=[1,2];
  
  4. Unchecking and checking changes the groupList value(conditions give above)
  </code></pre>
  
  <p><strong>Child component:</strong></p>
  
  <p>After the checkbox selection I want to pass the groupList value into child component. </p>
  
  <p><strong>Problem::</strong></p>
  
  <p>For passing the values from parent to child I used @input method.. But the child component is working only when the page loads.. I need to pass the value from parent to child when the checkbox selects for each time.</p>
  
  <p>Please check this <a href="https://stackblitz.com/edit/angular-ivy-oui6mj?file=src%2Fapp%2Fapp.component.ts" rel="nofollow noreferrer">stackblitz</a></p>