Угловой материал: пример списка выбора не работает - PullRequest
Новая
       13

Угловой материал: пример списка выбора не работает

0 голосов
/ 19 декабря 2018

Я пытаюсь использовать список выбора Angular Material (7.0) , как описано здесь .

Пример кода на странице: 

  <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>

сtypesOfShoes, определенный в файле TS, как описано в их фрагменте: 

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 в свой модуль приложения.

Я не вижу больше модулей, связанных с параметрами списка для импорта.

Что мне здесь не хватает?

1 Ответ

0 голосов
/ 19 декабря 2018

Импорт BrowserModule (или CommonModule, если это дочерний модуль) в @NgModule(): 

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

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