NG8105.md
@name Missing `let` keyword in an *ngFor expression
@description
This diagnostic is emitted when an expression used in `*ngFor` is missing the `let` keyword.
<code-example format="typescript" language="typescript">
import {Component} from '@angular/core';
@Component({
// The `let` keyword is missing in the `*ngFor` expression.
template: `<div *ngFor="item of items">{{ item }}</div>`,
// …
})
class MyComponent {
items = [1, 2, 3];
}
</code-example>
## How to resolve the problem
Add the missing `let` keyword.
<code-example format="typescript" language="typescript">
import {Component} from '@angular/core';
@Component({
// The `let` keyword is now present in the `*ngFor` expression,
// no diagnostic messages are emitted in this case.
template: `<div *ngFor="let item of items">{{ item }}</div>`,
// …
})
class MyComponent {
items = [1, 2, 3];
}
</code-example>
<!-- links -->
<!-- external links -->
<!-- end links -->
@reviewed 2022-12-01