如何处理角中嵌套的ng-模板
我正在制作一个ngx-数据标签包装器，我想从父组件传递列模板。我是通过ng模板的出口来做的。但由于某种原因，它没有被渲染。
以下是我如何通过父母的天赋
<app-list>
<ng-template #customColumns>
<ngx-datatable-column name="age" >
<ng-template let-value="value" ngx-datatable-cell-template>
Test
</ng-template>
</ngx-datatable-column>
</ng-template>
</app-list>以下是子组件html
<ngx-datatable [rows]="rows" [columns]="cols">
<ng-container [ngTemplateOutlet]="customColumnsTemplate">
</ng-container>
</ngx-datatable>子组件ts
@ContentChild('customColumns')
customColumnsTemplate: TemplateRef<any>;如果我只是将模板直接复制到子组件中，它可以正常工作，但它不适用于ngTemplateOutlet。
目前使用角10.1.6
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-05-05 11:50:09
创建包含模板的列数组。它可以是这样的对象数组：
let columns = [{ name: "Column Name", cellTemplate: someCellTemplate, headerTemplate: someHeaderTemplate...}]在这种情况下，模板将是应用程序列表组件中的模板。
<ng-template #myCellTemplate let-row="row" let-column="column" let-value="value">
Test
</ng-template>使用ViewChild访问应用程序列表组件中的模板。
@ViewChild('myCellTemplate') myCellTemplate: TemplateRef<any>;如果我能理解的话，您的子组件实际上就是包装器，因此您只需要将列作为该包装器的输入发送。
<ngx-datatable [rows]="rows" [columns]="columns">
</ngx-datatable>示例来自他们这里的演示，Ngx-datatable示例
这里的文档文档
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67365009
复制相关文章
![java中sql如何嵌套查找_SQL 查询嵌套使用[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/dc81fe1ef308b7cca667c7b65b0e9ef9.png)
相似问题
用gstreamer混合多个rtp音频流
解复用UDP/RTP多节目传输流
如何从一个流中复用/解复用RTP媒体？
如何以编程方式转换音频(diy)？
如何以编程方式进行音频降噪？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
