32 lines
1.4 KiB
HTML
32 lines
1.4 KiB
HTML
|
<div mat-internal-form-field [labelPosition]="labelPosition" #formField>
|
||
|
|
<div class="mdc-radio" [class.mdc-radio--disabled]="disabled">
|
||
|
|
<!-- Render this element first so the input is on top. -->
|
||
|
|
<div class="mat-mdc-radio-touch-target" (click)="_onTouchTargetClick($event)"></div>
|
||
|
|
<input #input class="mdc-radio__native-control" type="radio"
|
||
|
|
[id]="inputId"
|
||
|
|
[checked]="checked"
|
||
|
|
[disabled]="disabled && !disabledInteractive"
|
||
|
|
[attr.name]="name"
|
||
|
|
[attr.value]="value"
|
||
|
|
[required]="required"
|
||
|
|
[attr.aria-label]="ariaLabel"
|
||
|
|
[attr.aria-labelledby]="ariaLabelledby"
|
||
|
|
[attr.aria-describedby]="ariaDescribedby"
|
||
|
|
[attr.aria-disabled]="disabled && disabledInteractive ? 'true' : null"
|
||
|
|
(change)="_onInputInteraction($event)">
|
||
|
|
<div class="mdc-radio__background">
|
||
|
|
<div class="mdc-radio__outer-circle"></div>
|
||
|
|
<div class="mdc-radio__inner-circle"></div>
|
||
|
|
</div>
|
||
|
|
<div mat-ripple class="mat-radio-ripple mat-focus-indicator"
|
||
|
|
[matRippleTrigger]="_rippleTrigger.nativeElement"
|
||
|
|
[matRippleDisabled]="_isRippleDisabled()"
|
||
|
|
[matRippleCentered]="true">
|
||
|
|
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<label class="mdc-label" [for]="inputId">
|
||
|
|
<ng-content></ng-content>
|
||
|
|
</label>
|
||
|
|
</div>
|