Errror无法绑定到'ngModel',因为它不是'md-select'的已知属性

时间:2017-09-12 15:27:32

标签: angular angular-material2

我在选择材料设计2中的选择组件时出现此错误

无法绑定到'ngModel',因为它不是'md-select'的已知属性。

模板:

   <md-select placeholder="Favorite food" [(ngModel)]="selectedValue" name="food">
            <md-option *ngFor="let food of foods" [value]="food.value">
              {{food.viewValue}}
            </md-option>
          </md-select>

组件代码

....
 selectedValue: string;

     foods = [
       {value: 'steak-0', viewValue: 'Steak'},
       {value: 'pizza-1', viewValue: 'Pizza'},
       {value: 'tacos-2', viewValue: 'Tacos'}
     ];

.....

并在我的模块中导入选择,如文档中所示。

任何想法我如何解决这个问题?

1 个答案:

答案 0 :(得分:2)

您需要在FormsModule或您使用AppModule的任何其他模块imports条目中添加<md-select>。另外,从导入中删除MaterialModule,它会被折旧。

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

....
imports: [ FormsModule ]