NG5002: Cannot parse expression. @for loop expression must match the pattern "<identifier> of <expression>"

Question

after migrating to new angular 17 and updating my template, ng serve throws this message NG5002: Cannot parse expression. @for loop expression must match the pattern " of "

Answer 1

New @for syntax doesn't require let:

So for this code: (let item of items; track $item.id), this error will be shown.

Fix is just to use (item of items; track $item.id)..

Answer 2

after some diging, it was because of Capital "O" of "Of"

for some bugs i believe, below line:

@for (relation Of detail.Relations; track relation) {

should be changed to (after auto upgrading by angular tools)

@for (relation of detail.Relations; track relation) {