过滤特定数据并出现错误无法绑定到“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)] 的语法/拼写