Angular ng-template,ngTemplateOutlet和ngTemplateOutletContext正确使用

时间:2017-06-13 16:09:45

标签: angular typescript angular2-template

我一直在查看文档很长一段时间,但还没能弄清楚ng-template,ngTemplateOutlet和ngTemplateOutletContext可以做些什么来实现以下场景:

我有一个网格组件,用于从服务本身获取数据

`<my-grid [httpMethod]="'get'" [httpUrl]="'/data/gridservice'">
   <column [header]="'country'"></column>
   <column [header]="'capital'"></column>
</my-grid>`

现在我希望能够在使用组件时自定义网格单元格,其中用户放入标记

`<my-grid [httpMethod]="'get'" [httpUrl]="'/data/gridservice'">
   <column [header]="'country'">
    <ng-template> 
      <img src="{{data.countryImg}}
      {{data.countryName}}
    </ng-template>
   </column>
   <column [header]="'capital'"></column>
</my-grid>`

我如何实现这一点,也可以在角树等recusrive组件中实现这一目标?

0 个答案:

没有答案