title: remove the checkbox value from the list by unchecked it
body: <p>i have a list of <code>ControllModel[]</code> and i have list of <code>Action</code> and show then in checkbox  .</p>
  
  <pre><code>   export interface Controllermodel {
        controllerName:string;
        controllerDisplayName:string;
        ControllerId:string;
        actionsVM:Actionmodel[];
  }
  
  export interface Actionmodel {
        displayName:string;
        name:string;
        metaData:string;
  }
  </code></pre>
  
  <p>when the checkbox is <code>checked</code> it add the value in list but i need to when the checkbox is unchecked remove value form the list . </p>
  
  <p>how can i do this ??</p>
  
  <p><a href="https://stackblitz.com/edit/accessmodel-t8vyoi" rel="nofollow noreferrer">Sample Code </a></p>
  
  <p>in HTML :</p>
  
  <pre><code>    &lt;div class="panel-body"&gt;
    &lt;div *ngFor="let action of controller.actionsVM" class="col-auto my-1"&gt;
      &lt;div class="custom-control custom-checkbox mr-sm-2"&gt;
        &lt;input type="checkbox" (change)="onChange($event,controller.controllerName,action.name)" class="custom-control-input"&gt;
        &lt;label class="custom-control-label" for="customControlAutosizing"&gt;{{action.displayName}}&lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>in ts file : </p>
  
  <pre><code>   onChange(event,controllerName:string,actionName:string)
  {
    var test = this.PushAccessModel.find(x =&gt; x.controllerName === controllerName);
    if(test){
      test.actionsName.push({name: actionName});
    }else {
      this.PushAccessModel.push({
        controllerName: controllerName,
        actionsName: [{
          name: actionName
        }]
      });
    }
  
    console.log(this.PushAccessModel)
  }
  </code></pre>