fix(material,bootstrap): Add asterisk for checkbox. (#624)

fix #623

Author: aitboudad

demo/src/styles.scss

@@ -5,6 +5,7 @@
 @import '~bootstrap/scss/root';
 @import '~bootstrap/scss/buttons';
 @import '~bootstrap/scss/forms';
+@import '~bootstrap/scss/custom-forms';
 @import '~bootstrap/scss/card';
 
 // prism

src/ui-bootstrap/src/types/checkbox.ts

@@ -1,25 +1,18 @@
 import { Component } from '@angular/core';
-import { FormControl, AbstractControl } from '@angular/forms';
-import { FieldType, FormlyFieldConfig } from '@ngx-formly/core';
+import { FieldType } from '@ngx-formly/core';
 
 @Component({
   selector: 'formly-field-checkbox',
   template: `
     <label class="custom-control custom-checkbox">
       <input type="checkbox" [formControl]="formControl"
-        *ngIf="!to.hidden" value="on"
+        [attr.invalid]="showError"
+        [indeterminate]="model[id] === undefined"
         [formlyAttributes]="field" class="custom-control-input">
         {{ to.label }}
+        {{ to.required ? '*' : '' }}
         <span class="custom-control-indicator"></span>
     </label>
   `,
 })
-export class FormlyFieldCheckbox extends FieldType {
-  static createControl(model: any, field: FormlyFieldConfig): AbstractControl {
-    return new FormControl(
-      { value: model ? 'on' : undefined, disabled: field.templateOptions.disabled },
-      field.validators ? field.validators.validation : undefined,
-      field.asyncValidators ? field.asyncValidators.validation : undefined,
-    );
-  }
-}
+export class FormlyFieldCheckbox extends FieldType {}

src/ui-material/src/types/checkbox.ts

@@ -5,7 +5,10 @@ import { MatCheckbox } from '@angular/material/checkbox';
 @Component({
   selector: 'formly-field-mat-checkbox',
   template: `
-    <mat-checkbox [formControl]="formControl" [id]="id" [formlyAttributes]="field">{{ to.label }}</mat-checkbox>
+    <mat-checkbox [formControl]="formControl" [id]="id" [formlyAttributes]="field">
+      {{ to.label }}
+      {{ to.required ? '*' : '' }}
+    </mat-checkbox>
   `,
 })
 export class FormlyFieldCheckbox extends FieldType implements AfterViewInit {