Unable to use Angular component within task columns

[Kiran M]

hi,

I have a requirement where I need to use a custom angular component to render content of a task column. I have observed that I can use formatFunction to return a html markup which is rendered correctly for the task column But when I return an angular component’s html markup it is not rendered at all.

I have put up a small example to highlight the issue.

https://stackblitz.com/edit/github-mm1xuc?file=package.json

In this example there are two columns used to render same html markup. The first column i.e. ‘HTML’ returns the html markup directly within the formatFunction which is rendered correctly. The second column i.e. ‘Angular’ returns Angular component’s html markup which is not rendered at all. The angular component is rendered correctly when used outside Gantt chart which indicates there is no issue as such with the Angular component.

Can you please help me understand how to use custom angular component to render content of a task column.

Thanks,

Kiran Malusare

• This topic was modified 1 week, 2 days ago by Kiran M.

[Markov]

Hi Kiran,

The formatFunction is for rendering custom HTML in the task columns. It is not possible to render complex content such as components in the gantt cells.

Best Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts