Angular 4 checkbox change value

by

This it what you are looking for: 

<input type="checkbox" [(ngModel)]="isChecked" (change)="checkValue(isChecked?'A':'B')" />

Inside your class:

checkValue(event: any){
   console.log(event);
}

Also include FormsModule in app.module.ts to make ngModel work !

Hope it Helps!

More Related Contents:

  1. How do I create a singleton service in Angular 2?
  2. @Directive vs @Component in Angular
  3. ‘router-outlet’ is not a known element
  4. Call child component method from parent class – Angular
  5. Angular 2 unit testing components with routerLink
  6. How can I unit test a component that uses the Router in Angular?
  7. document.getElementById replacement in angular4 / typescript?
  8. Get all validation errors from Angular 2 FormGroup
  9. localStorage is not defined (Angular Universal)
  10. Angular 6: saving data to local storage
  11. Page is part of the declarations of 2 modules: Error in ionic build prod
  12. Angular 4/5/6 Global Variables
  13. Uncaught Error: Unexpected directive ‘MyComboBox’ imported by the module ‘AppModule’. Please add a @NgModule annotation
  14. Angular 2 Read More Directive
  15. When to use Interface and Model in TypeScript / Angular
  16. How to display the app version in Angular?
  17. Pass config data using forRoot
  18. Angular – POST uploaded file
  19. Debug & Run Angular2 Typescript with Visual Studio Code?
  20. Angular @ViewChild() error: Expected 2 arguments, but got 1
  21. Best way to import Observable from rxjs
  22. Ionic2/Angular2 – Read a custom config file
  23. Do I have to unsubscribe from ActivatedRoute (e.g. params) observables?
  24. rxjs/Subject.d.ts error : Class ‘Subject’ incorrectly extends base class ‘Observable’
  25. FormBuilder group is deprecated
  26. Property ‘toPromise’ does not exist on type ‘Observable’
  27. TypeError: Object prototype may only be an Object or null: undefined Angular 8
  28. Angular 4 ExpressionChangedAfterItHasBeenCheckedError
  29. Page transition animations with Angular 2.0 router and component interface promises
  30. Angular load external configuration before AppModule loads

Leave a Comment