Question

我正在尝试使用角材料（7.0）选择列表as described here。

页面上的示例代码段为

  <mat-selection-list #shoes>
    <mat-list-option *ngFor="let shoe of typesOfShoes">
      {{shoe}}
    </mat-list-option>
  </mat-selection-list>

  <p>
    Options selected: {{shoes.selectedOptions.selected.length}}
  </p>

在TS文件中定义了typesOfShoes，如其代码段所述：

export class HomeComponent implements OnInit {
  typesOfShoes: string[] = ['Boots', 'Clogs', 'Loafers', 'Moccasins', 'Sneakers'];
  constructor() {}
  ngOnInit() {}
}

对我来说很有道理，但是当我尝试编译时，出现了错误：

ERROR in: Can't bind to 'ngForOf' since it isn't a known property of 'mat-list-option'.
1. If 'mat-list-option' is an Angular component and it has 'ngForOf' input,
 then verify that it is part of this module.
2. If 'mat-list-option' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA'
 to the '@NgModule.schemas' of this component to suppress this message.
etc.

我已经将MatListModule导入了我的应用模块。

我没有其他与要导入的列表选项相关的模块。

我在这里想念什么？

Answer 1

在BrowserModule中导入CommonModule（如果是子模块，则导入@NgModule()：

import {BrowserModule} from '@angular/common';

@NgModule({
  imports: [BrowserModule],
})

角材料：选择列表示例不起作用

1 个答案: