Updated fix for the clear checkbox and radio button

Author: yerramshilpa

src/ui-kit/form-controls/checkbox/checkbox.component.ts

@@ -4,6 +4,7 @@ import {
   Input,
   Output,
   EventEmitter,
+  ChangeDetectorRef,
   ViewChild
 } from '@angular/core';
 import {
@@ -77,20 +78,17 @@ export class SamCheckboxComponent implements ControlValueAccessor {
    */
   @Input() id: string;
 
-  public optionChange:string;
+  public optionChange: string;
 
-  public optionId:string;
-  
-
-  
+  public optionId: string;
   /**
   * Deprecated, Event emitted when the model value changes
   */
   @Output() modelChange: EventEmitter<any> = new EventEmitter<any>();
 
   @Output() optionSelected: EventEmitter<any> = new EventEmitter<any>();
 
-  @ViewChild(FieldsetWrapper, {static: true})
+  @ViewChild(FieldsetWrapper, { static: true })
   public wrapper: FieldsetWrapper;
   activeOptions = 0;
   /*
@@ -103,7 +101,7 @@ export class SamCheckboxComponent implements ControlValueAccessor {
   onChange: any = (c) => undefined;
 
   onTouched: any = () => undefined;
-  
+
   get value() {
     return this.model;
   }
@@ -114,7 +112,7 @@ export class SamCheckboxComponent implements ControlValueAccessor {
     this.onTouched();
   }
 
-  constructor(protected samFormService: SamFormService) {}
+  constructor(protected samFormService: SamFormService, private cdr: ChangeDetectorRef) { }
 
   ngOnInit() {
     // initialize the order lookup map
@@ -148,17 +146,18 @@ export class SamCheckboxComponent implements ControlValueAccessor {
       }
     }
     this.model = returnVal;
+    this.cdr.detectChanges();
     this.setSelectAllCheck();
   }
 
-  setSelectAllCheck(){
+  setSelectAllCheck() {
     let activeOptionsNum = 0;
-    this.options.forEach(val=>{
-      if(!val.disabled){
+    this.options.forEach(val => {
+      if (!val.disabled) {
         activeOptionsNum++;
       }
     });
-    this.activeOptions=activeOptionsNum;
+    this.activeOptions = activeOptionsNum;
   }
 
   // Give the check all label a name for screen readers
@@ -216,8 +215,8 @@ export class SamCheckboxComponent implements ControlValueAccessor {
   emitModel() {
 
     this.modelChange.emit(this.model);
-  
-    this.optionSelected.emit({model : this.model, selected: this.optionChange, id: this.optionId});
+
+    this.optionSelected.emit({ model: this.model, selected: this.optionChange, id: this.optionId });
   }
 
   registerOnChange(fn) {

src/ui-kit/form-controls/radiobutton/radiobutton.component.ts

@@ -16,7 +16,7 @@ import {
   Validators,
   ValidatorFn
 } from '@angular/forms';
-import {SamFormService} from '../../form-service';
+import { SamFormService } from '../../form-service';
 
 /**
  * The <sam-radio-button> component is a set of checkboxes compliant with
@@ -31,11 +31,11 @@ import {SamFormService} from '../../form-service';
     multi: true
   }]
 })
-export class SamRadioButtonComponent  {
+export class SamRadioButtonComponent {
   /**
   * Sets the bound value of the component
   */
-  @Input() public model: string|number|symbol;
+  @Input() public model: string | number | symbol;
   /**
   * Sets the array of checkbox values and labels (see OptionsType)
   */
@@ -69,12 +69,12 @@ export class SamRadioButtonComponent  {
   */
   @Output() public modelChange: EventEmitter<any> = new EventEmitter<any>();
 
-  @ViewChild(FieldsetWrapper, {static: true}) public wrapper: FieldsetWrapper;
+  @ViewChild(FieldsetWrapper, { static: true }) public wrapper: FieldsetWrapper;
 
   public disabled = undefined;
 
 
-  constructor(private cdr: ChangeDetectorRef) {}
+  constructor(private cdr: ChangeDetectorRef) { }
 
   public ngOnInit() {
     if (!this.name) {
@@ -117,5 +117,6 @@ export class SamRadioButtonComponent  {
 
   public writeValue(value) {
     this.model = value;
+    this.cdr.detectChanges();
   }
 }