src/angular/form-elements/radios/radio-buttons-group.component.html.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

export default `
<label class='sdc-radio-group__legend'>{{legend}}</label>
<div class='sdc-radio-group__radios {{direction}}'>
    <template *ngFor="let item of options.items">
        <div class="sdc-radio">
            <label class="sdc-radio__animation-wrapper" SdcRippleClickAnimation [rippleClickDisabled]="disabled">
                <input class="sdc-radio__input"
                    type="radio"
                    name="{{item.name}}"
                    value="{{item.value}}"
                    disabled="{{disabled || item.disabled || false}}"
                    (change)="onValueChanged(item.value)"
                    [(ngModel)]="value"
                    />
                <span class="sdc-radio__label">{{ item.label }}</span>
            </label>
        </div>
    </template>
</div>
`;