Angular2 Template parse errors: Property binding ngFor not used by any directive on an embedded template

Question

This is the Angular2 template:

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

I am getting this error:

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

Countries variable is defined as:

public countries: Array<Country> = [];

What is wrong with my use of ngFor? Why is it looking for ngForCountry?

Please post a plunkr, I'm unable to reproduce this (feel free to fork that one) — drew moore
– drew moore, Commented May 14, 2016 at 3:34
I just upgraded to rc.1 and I'm still getting an error. I'm trying to do the plunkr with all the dependencies involved. — Jonas Arcangel
– Jonas Arcangel, Commented May 14, 2016 at 6:15

mayur · Accepted Answer · 2016-05-14 05:52:45Z

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>

answered May 14, 2016 at 5:52

mayur

3,62826 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jonas Arcangel Over a year ago

I think this worked. I'm getting an error in another part of the code instead. "No value accessor for '' in [selectedCountry in LocationComponent@3:48]"

Günter Zöchbauer Over a year ago

@JonasArcangel for the value accessor error message see stackoverflow.com/questions/37202543/…

Günter Zöchbauer Over a year ago

@mayur that's quite weird that this works. This ngFor syntax is supposed to only work on <template>. Very interesting find!

user3718021 · Accepted Answer · 2016-05-14 04:30:04Z

0

You can try : *ngFor="#country of countries"

answered May 14, 2016 at 4:30

user3718021

1

1 Comment

Jonas Arcangel Over a year ago

I don't think this syntax is used anymore. I get "No provider for e! (e -> e)" error.

Collectives™ on Stack Overflow

Angular2 Template parse errors: Property binding ngFor not used by any directive on an embedded template

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related