title: How to uncheck a checkbox onclick a button in angular 7
body: <p>I have few checkboxes,whose Value is coming from loop,Here my requirement is only onload all checkbox will be checked by default,but on click clear button all checkbox should be unchecked,Here is the code below</p>
  
  <h2>home.component.html</h2>
  
  <pre><code>&lt;li *ngFor="let child of nestedjson; let i = index"&gt;&lt;input type="checkbox" checked&gt;{{child.name}}&lt;/li&gt;
  &lt;div&gt;&lt;button (click)="clear()" type="submit"&gt;clear&lt;/button&gt;&lt;/div&gt;
  </code></pre>
  
  <h2>home.component.ts</h2>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { FormBuilder, FormGroup, Validators } from '@angular/forms';
  import Speech from 'speak-tts';
  import { RxSpeechRecognitionService, resultList, } from '@kamiazya/ngx-speech-recognition';
  @Component({
    selector: 'app-home',
    templateUrl: './home.component.html',
    styleUrls: ['./home.component.css'],
  
    providers: [ RxSpeechRecognitionService ]
  })
  export class HomeComponent implements OnInit {  
      showit:any;
      nestedjson:any;
   constructor(private formBuilder: FormBuilder,public service: RxSpeechRecognitionService) {
       }
  
    ngOnInit() {
         this.nestedjson = [
          { name: "parent1", value: ["child11", "child12"] },
          { name: "parent2", value: ["child2"] },
          { name: "parent3", value: ["child3"] }
        ];
        this.showit = true;
  
  } 
  
  clear(){
  
  }
  
  }
  </code></pre>