Property 'indx' does not exist on type

Question

I have been working on Angular 5 project and I was trying run npm build -prod with AOT as defult one. After compiling error pop up as

Property 'indx' does not exist on type 'EntryComponent'

Can any on point out the mistake. Or it some thing else.

<div *ngFor="let form of getEntryGroupItemsControl(); let indx = index; trackBy: indx">

Answer 1

The reason is the wrong syntax. trackBy should point to a function, not to an index from the loop. So it should by something like this:

<div *ngFor="let form of getEntryGroupItemsControl(); let indx = index; trackBy: trackByFn">

And in TS file for example:

trackByFn(index, item) { 
  return item.id; 
}

For reference see: 1) https://angular.io/api/common/NgForOf 2) https://angular.io/api/core/TrackByFunction

And here`s an example from official Angular tutorial: https://angular.io/guide/template-syntax#ngfor-with-trackby

Answer 2

I had the same problem. I fixed it using "index as i".

https://angular.io/api/common/NgForOf