angular/banana-in-box

Dlaczego

([ngModel])="name" is read as an event binding to an event called [ngModel], which never fires. The input shows no value and typing does not update the component, with no compile error to point at the cause.

Poprawka

Swap the brackets: [(ngModel)]="name" (the "banana in a box": parentheses inside square brackets). With a model() input on your own component the same syntax binds both ways: [(value)]="query".

Przykłady

<!-- bad -->
<input id="name" ([ngModel])="name">
<!-- good -->
<input id="name" [(ngModel)]="name">

Źródła

• Angular, Two-way binding
• angular-eslint, template rule banana-in-box

Przeczytaj w terminalu

npx github:dawidolko/frontend-skills explain angular/banana-in-box