如何使用自定义ngTemplate

时间:2018-11-19 13:04:33

标签: angular

我想使用一个自定义/可选模板创建小型组件-如果可以使它类似于Kendo,那就太好了

<kendo-combobox>
    <ng-template kendoComboBoxFooterTemplate>
        <h4>{{listItems.length}} sizes available</h4>
    </ng-template>
</kendo-combobox>

因此,如果该模板在主体中定义,那么我将使用它,否则,我将使用默认模板。

我正在尝试使用ngTemplateOutlet,但现在可能完成了一半的所需解决方案。

1 个答案:

答案 0 :(得分:1)

您可以使用@ContentChild()来获取组件主体的内容,请尝试

import { ContentChild } from '@angular/core';

@Component({...})
export class YourComponent {
 @ContentChild(TemplateRef) contentChild: TemplateRef<any>;

,并且可以在模板中检查contentChild属性,如果不是undefined,则说明组件具有主体