Question

我找到的所有解决方案都使用html和children.length this one。我找到了this great article，但正如作者所说，这篇帖子是Angular4中的一个新旧功能可能更胜一筹。

我的问题是我有一个可以更改模板的组件：

<kendo-dropdownlist>
    <ng-template kendoDropDownListItemTemplate let-dataItem>
        <div>Some template</div>
    </ng-template>
</kendo-dropdownlist>

我在另一个组件中使用此组件，我想通过<ng-content>为用户提供更改模板的选项。

这样的事情：

//my-component
<kendo-dropdownlist>
    <ng-template *ngIf="CheckIfNgContentIsNotEmpty" kendoDropDownListItemTemplate let-dataItem>
    </ng-template>
</kendo-dropdownlist>

Angular4可以实现吗？

例如：

<my-component></my-component>   //this should NOT render <ng-template *ngIf="CheckIfNgContentIsNotEmpty" kendoDropDownListItemTemplate let-dataItem></ng-template>

<my-component><div>Foo</div></my-component> //this should render <ng-template *ngIf...

检查ng-content是否为空，如果不在另一个组件的模板中使用它（Angular 2+）

0 个答案: