my-lib/list/list.ts
encapsulation | ViewEncapsulation.None |
selector | [list],list |
styleUrls | list.less, |
templateUrl | ./list.html |
Properties |
constructor(ele: ElementRef, render: Renderer2)
|
||||||||||||
Defined in my-lib/list/list.ts:17
|
||||||||||||
Parameters :
|
footer |
footer:
|
Type : TemplateRef<any>
|
Decorators : ContentChild
|
Defined in my-lib/list/list.ts:17
|
header |
header:
|
Type : TemplateRef<any>
|
Decorators : ContentChild
|
Defined in my-lib/list/list.ts:16
|
import {
ViewEncapsulation, Component, HostBinding,
Input, ElementRef, Renderer2, ContentChild,
TemplateRef
} from '@angular/core';
import { ansycClassObj, isMeepoTrue } from 'meepo-utils';
import { listPrefixCls } from './var';
import { Antd } from '../antd';
@Component({
selector: '[list],list',
templateUrl: './list.html',
encapsulation: ViewEncapsulation.None,
styleUrls: ['./list.less', './patch.less']
})
export class ListComponent extends Antd {
@ContentChild('header') header: TemplateRef<any>;
@ContentChild('footer') footer: TemplateRef<any>;
constructor(
ele: ElementRef,
render: Renderer2
) {
super(ele, render, 'list');
}
}
<ng-container *ngIf="header">
<div listHeader>
<ng-container *ngTemplateOutlet="header"></ng-container>
</div>
</ng-container>
<div class="am-list-body">
<ng-content></ng-content>
</div>
<ng-container *ngIf="footer">
<div listFooter>
<ng-container *ngTemplateOutlet="footer"></ng-container>
</div>
</ng-container>