Normal CheckBox Example in Angular Framework:-

Create Component for normal CheckBox Example

Code of design file

<input type="checkbox" name="chk1" [(ngModel)]="chk1" value="C">C
<input type="checkbox" name="chk2" [(ngModel)]="chk2" value="CPP">CPP
<input type="button" name="btnclick2" value="Click" (click)="showcheck()">

{{res}}


Code of typescript file

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-factapp',
  templateUrl: './factapp.component.html',
  styleUrls: ['./factapp.component.css']
})
export class FactappComponent implements OnInit {
  s=''
  res=''
  chk1=''
  chk2=''
  res2=''
  
  constructor() { 

     
  }

  ngOnInit() {
  }
  
  showcheck(){
     this.res=''
    if(this.chk1)
    this.res +=  'C'+'' "
    if(this.chk2)
    this.res +=  'CPP'+'' "
   
  }
}



Post a Comment

If you have any doubt in programming or join online classes then you can contact us by comment .

Previous Post Next Post