<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" [attr.for]="field.id" [formGroup]="formGroup">
    <input formControlName="{{controllerName}}" type="checkbox"
           [attr.id]="field.id"
           class="mdl-checkbox__input"
           [checked]="field.value"
           [(ngModel)]="field.value"
           (ngModelChange)="changeValue(field)">
    <span class="mdl-checkbox__label">{{field.nameKey | translate}}</span>
</label>