DataItem does not exist

[Kowshik]

Hello,

 

I'm using Angular Master Detail Grid to build a hierarchical Data table. I followed https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/ this article and getting the following error while running the app:

 

Error: src/app/app.component.html:25:83 - error TS2339: Property 'dataItem' does not exist on type 'AppComponent'.

25     <div *kendoGridDetailTemplate="let dataItem, let rowIndex = rowIndex; showIf: dataItem.skuMessageList">

  src/app/app.component.ts:9:16
    9   templateUrl: './app.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component AppComponent.

 

This is the code Snippet - 

<div *kendoGridDetailTemplate="let dataItem, let rowIndex = rowIndex; showIf: dataItem.skuMessageList">
      <child-sku [Sku]="dataItem.skuMessageList"></child-sku>
</div>     

Any help would be appreciated.

 

 

[Ivan]

Hi Kowshik,

One possible reason for this not to work, is that showIf option accepts function from AppComponent which is then invoked with parameters - dataItem: any, index: number as demonstrated in this stackbltiz sample.

Please let us know if that worked for you.

Regards,
Ivan
Progress Telerik