src/lib/dynamic-form-input/dynamic-form-toggle/dynamic-form-toggle.component.ts
DynamicFormInputBase
| selector | bs-dynamic-form-toggle |
| templateUrl | ./dynamic-form-toggle.component.html |
constructor(validationService: DynamicFormValidationService)
|
||||||
|
Parameters :
|
import { Component } from '@angular/core';
import { DynamicFormInputBase, DynamicFormToggle, DynamicFormValidationService } from '@dynamic-forms/core';
@Component({
selector: 'bs-dynamic-form-toggle',
templateUrl: './dynamic-form-toggle.component.html',
})
export class BsDynamicFormToggleComponent extends DynamicFormInputBase<DynamicFormToggle> {
constructor(protected override validationService: DynamicFormValidationService) {
super(validationService);
}
}
<div class="btn-group btn-group-toggle">
<ng-container *ngFor="let option of input.options; let i = index">
<input
class="btn-check"
type="radio"
[id]="inputId + '-' + i"
[name]="inputId"
[formControl]="control"
[value]="option.value"
[attr.disabled]="control.disabled || option.disabled"
[readonly]="readonly"
autocomplete="off"
/>
<label
class="btn btn-outline-light"
[for]="inputId + '-' + i"
[class.disabled]="control.disabled || option.disabled"
[class.active]="control.value === option.value"
>{{ option.label }}</label
>
</ng-container>
</div>