my-lib/radio/radio.ts
encapsulation | ViewEncapsulation.None |
selector | radio |
styleUrls | radio.less, |
templateUrl | ./radio.html |
constructor(ele: ElementRef, render: Renderer2)
|
||||||||||||
Defined in my-lib/radio/radio.ts:14
|
||||||||||||
Parameters :
|
import {
ViewEncapsulation, Component, HostBinding,
Input, ElementRef, Renderer2, ContentChild,
TemplateRef
} from '@angular/core';
import { ListItemComponent } from '../list/list-item/list-item';
@Component({
selector: 'radio',
templateUrl: './radio.html',
encapsulation: ViewEncapsulation.None,
styleUrls: ['./radio.less', './patch.less']
})
export class RadioComponent extends ListItemComponent {
constructor(
ele: ElementRef,
render: Renderer2
) {
super(ele, render);
this.addToClass('am-radio-item', true, false);
}
}
<div class="am-list-thumb" *ngIf="_thumb && !thumbRef">
<img [src]="_thumb" />
</div>
<ng-container *ngIf="thumbRef">
<div class="am-list-thumb">
<ng-container *ngTemplateOutlet="thumbRef"></ng-container>
</div>
</ng-container>
<div class="am-list-line" [class.am-list-line-multiple]="_multiple">
<div class="am-list-content">
<ng-content></ng-content>
<div class="{{_name}}-brief" *ngIf="brief">
<ng-container *ngTemplateOutlet="brief"></ng-container>
</div>
</div>
<div class="am-list-extra">
<label class="am-radio-wrapper">
<span class="am-radio am-radio-checked">
<input type="radio" class="am-radio-input">
<span class="am-radio-inner"></span>
</span>
</label>
</div>
<div [listArrow]="_arrow"></div>
</div>
<div listRipple style="display: none;"></div>