我在ANGLE中创建了一个简单的表格包装组件.在第1栏的包装器组件中,我想要显示自定义模板.
我的主要挑战是在这里仅在Parent Component中编写该列的所有模板.
表示我在Parent中给出的任何模板,在该特定行应该显示该模板.
我试过这样的东西
我在ANGLE中创建了一个简单的表格包装组件.在第1栏的包装器组件中,我想要显示自定义模板.
我的主要挑战是在这里仅在Parent Component中编写该列的所有模板.
表示我在Parent中给出的任何模板,在该特定行应该显示该模板.
我试过这样的东西
您在代码示例中做的每件事都是正确的,您所需要的就是在您的html文件中添加一个ng-template
,它就会工作得很好.
使用您的行代码:
<tr *ngFor="let item of options">
<td>
<ng-container
*ngTemplateOutlet="columnTemplate; context: { $implicit: item }"
></ng-container>
</td>
<td>{{ item.address }}</td>
</tr>
添加此项将显示项目名称:
<ng-template #columnTemplate let-item>
{{ item.name }}
</ng-template>
工作example人
如果您需要更复杂的东西,我建议您构建一个服务来在这个组件和父组件之间共享数据.