File

my-lib/list/list.ts

Extends

Antd

Metadata

encapsulation ViewEncapsulation.None
selector [list],list
styleUrls list.less,
patch.less
templateUrl ./list.html

Index

Properties

Constructor

constructor(ele: ElementRef, render: Renderer2)
Parameters :
Name Type Optional Description
ele ElementRef
render Renderer2

Properties

footer
footer: TemplateRef<any>
Type : TemplateRef<any>
Decorators : ContentChild
header
header: TemplateRef<any>
Type : TemplateRef<any>
Decorators : ContentChild
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>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""