Фильтрация определенных данных и получение ошибки. Невозможно выполнить привязку к ngModel.

Question

Я попытался отфильтровать продукты, используя канал (если не выбрать фильтр из списка, я покажу все продукты) Но я получаю ошибку.почему?

<h2>store</h2>
    <select [(ngModel)]="selectedOption" name=Gender>
      <option *ngFor="let g of GenderFilter">{{g.DisplayText}}</option>
    </select>
    <select>
        <select [(ngModel)]="selectedOptionPrice" name=Price>
      <option *ngFor="let p of PriceFilter">{{p.DisplayText}}</option>
    </select>
    <tr *ngFor="let P of products | filer : Gender | orderBy: 'GenderFilter'">
      <td>{{p.DisplayText}}</td>
    </tr>
    <tr *ngFor="let P of products | filer : Price | orderBy: 'PriceFilter'">
      <td>{{p.DisplayText}}</td>
    </tr>
    <ul>
      <li *ngFor="let store of stores">
        <ul>
          <li *ngFor="let product of store.Products">
              <img src={{product.ProductImage}}>
              <p>store: {{ store.StoreName }}</p>
              <p>Product Price: {{ product.Price | currency}}</p>
            <p>Product Title: {{ product.ProductTitle }}</p>
          </li>
        </ul>
      </li>
    </ul> 

Answer 1

Возможной причиной может быть отсутствие FormsModule, поэтому добавьте это в свой модуль,

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
    imports: [
        FormsModule      
    ]

или проверьте синтаксис / орфографию [(ngModel)] в выборе