Angular2 шаблона ошибки разбора: свойство связывания ngFor не используется какой-либо директивы на встроенном шаблоне

Question

Это шаблон Angular2:

<paper-dropdown-menu label="Country"> 
     <paper-listbox class="dropdown-content" [(ngModel)]="selectedCountry" (ngModelChange)="GetAdmin1s($event)"> 
      <paper-item *ngFor="let country of countries" value="{{country.Id}}">{{country.Name}}</paper-item> 
     </paper-listbox> 
    </paper-dropdown-menu> 

Я получаю эту ошибку:

переменная

"Template parse errors: 
Property binding ngFor not used by any directive on an embedded template (""dropdown-content" [(ngModel)]="selectedCountry" (ngModelChange)="GetAdmin1s($event)"> 
      [ERROR ->]<paper-item *ngFor="let country of countries" value="{{country.Id}}">{{country.Name}}</paper-item> 
"): LocationComponent@4:12 
Property binding ngForCountry not used by any directive on an embedded template (""dropdown-content" [(ngModel)]="selectedCountry" (ngModelChange)="GetAdmin1s($event)"> 
      [ERROR ->]<paper-item *ngFor="let country of countries" value="{{country.Id}}">{{country.Name}}</paper-item> 
"): LocationComponent@4:12" 

Страны определяется as:

public countries: Array<Country> = []; 

Что не так с моим использованием ngFor? Почему он ищет ngForCountry?

Answer 1

Just try might help

<paper-dropdown-menu label="Country"> 
    <paper-listbox class="dropdown-content" [(ngModel)]="selectedCountry" (ngModelChange)="GetAdmin1s($event)"> 
     <paper-item ngFor #country [ngForOf]="countries" value="{{country.Id}}">{{country.Name}}</paper-item> 
    </paper-listbox> 
    </paper-dropdown-menu>