如何解决将ng-template注入组件
我正在尝试将模板注入组件,并且它的工作原理如下:
app.component
:
<app-parent>
<ng-template #itemTemplate let-item>
<div class="myClass">{{ item.name }}</div>
</ng-template>
</app-parent>
parent.component
:
item: Item;
@ContentChild('itemTemplate',{ static: false }) itemTemplateRef: TemplateRef<any>;
<ng-container [ngTemplateOutlet]="itemTemplateRef" [ngTemplateOutletContext]="{$implicit: item}"></ng-container>
直到现在一切正常。现在,我想创建一个子组件以将ng-template封装在一个独立的组件中,从而使父组件变得简单:
<app-parent>
<app-child></app-child>
</app-parent>
然后孩子拿到内幕模板
<ng-template #itemTemplate let-item>
<div class="myClass">{{ item.name }}</div>
</ng-template>
但是它不能这样工作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。