I'm currently trying to display a custom component in an ejs-grid,
My code is here: https://stackblitz.com/edit/angular-hlndpc-dmfmpj?file=src/app.component.html
I am inputting the template as follows:
ngOnInit(): void {
console.log('hello');
this.items = [];
this.items.push({
textValue: 'Hello World',
});
this.columns = [];
this.columns.push({
field: 'textValue',
template: '',
});
}
Where the icon component is simply:
I am then adding the template to the grid as follows:
<div style="padding: 8px">
<ejs-grid #grid [dataSource]="items">
<e-columns>
<ng-template ngFor let-column [ngForOf]="columns">
<e-column
[field]="column.field"
[template]="column.template"
>e-column>
ng-template>
e-columns>
ejs-grid>
div>
However, the cells display nothing. Passing the template as follows works, but I would like to be able to pass in my own components, thanks.
<div>Hello World</div>