如何通过角度2中的父组件将自定义(html)模板传递给子组件？

概述<grid [data]="sortedDeviceList" [multiSelect]="false" [enableSort]="true" [rowTemplate]=""> </grid> 我想将HTML模板传递给rowTemplate属性.模板看起来像这样. <div>

<grID            [data]="sortedDeviceList"            [multiSelect]="false"            [enableSort]="true"            [rowTemplate]="">        </grID>

我想将HTML模板传递给rowTemplate属性.模板看起来像这样.

<div>  <div>{{item.ID}}</div> <div>{{item.name}}</div></div>

网格模板看起来像这样.

<div *ngFor="let item in data">// template should appear here.</div>

这该怎么做？

解决方法

@Component({  selector: 'grID'  template: `<div *ngFor="let item in data" *ngForTemplate="templateRef" *ngOutletContext="{$implicit: data}"></div>`})export class GrIDComponent {  @input() data:any[];  constructor(private templateRef:TemplateRef) {}}

并使用它

<template #myTemplate>  <div>    <div>{{item.ID}}</div>   <div>{{item.name}}</div>  </div></template

        
        
也可以看看

> Angular2 child component as data
> How to pass an expression to a component as an input in Angular2?

总结

以上是内存溢出为你收集整理的如何通过角度2中的父组件将自定义(html)模板传递给子组件？全部内容，希望文章能够帮你解决如何通过角度2中的父组件将自定义(html)模板传递给子组件？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。