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" 

国変数が定義されています次のように：

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>