fix checkboxes (Form) (#1773)

- migrate to angular/material checkboxes
- add required indicator
- various fixes and improvements (caused by migration)
This commit is contained in:
Denys Vuika 2017-03-28 09:47:41 +01:00 committed by Eugenio Romano
parent 2f2513ced9
commit 88acf9d3c1

View File

@ -1,11 +1,11 @@
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect {{field.className}}" [attr.for]="field.id">
<input type="checkbox"
[attr.id]="field.id"
[attr.required]="isRequired()"
class="mdl-checkbox__input"
[checked]="field.value"
[(ngModel)]="field.value"
(ngModelChange)="onChange()"
[disabled]="field.readOnly">
<span class="mdl-checkbox__label">{{field.name}}</span>
</label>
<div [ngClass]="field.className">
<md-checkbox
[id]="field.id"
[required]="field.required"
[disabled]="field.readOnly"
[(ngModel)]="field.value"
(change)="onChange()">
{{field.name}}
<span *ngIf="field.required">*</span>
</md-checkbox>
</div>