Property binding ngForIn not used by any directive on an embedded template - Ionic 2

angular ionic2
Nick Kenens picture Nick Kenens · Jan 17, 2016 · Viewed 27.4k times · Source

Trying to run a *ngFor within the html like this. But, this error shows up.

Property binding ngForIn not used by any directive on an embedded template

This is the html code:

<ion-card *ngFor="#media in medias">

I've had this happen in my previous project as well, still figuring it out. Any clues?

Still new to Ionic2 & Angular2.

Answer

Raphael picture Raphael · Jan 18, 2016

Your are mistaken with angular1 syntaxes:

Instead of *ngFor="#media in medias",

you have to write *ngFor="#media of medias"

UPDATE - as of beta.17, use the let syntax instead of #. This updates to the following:

<div *ngFor="let media of medias">

https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html

Related questions

How to convert date into this 'yyyy-MM-dd' format in angular 2

I want to convert current data into 'yyyy-MM-dd' format in .ts file. i template it can easily be done by using data pipe. how to do that in typescript. In template: {{date | date:'yyyy-MM-dd'}} How to convert in this format …

Read More
Component is part of the declaration of 2 modules

I try to build an ionic 2 app. When I try the app in the browser with ionic serve or launch it on an emulator everything works fine. But when I try to build it every time the error ionic-app-script tast: "…

Read More
How to iterate object keys using *ngFor

I want to iterate [object object] using *ngFor in Angular 2. The problem is the object is not array of object but object of object which contains further objects. { "data": { "id": 834, "first_name": "GS", "last_name": "Shahid", "phone": "03215110224", "role": null, "email": "…

Read More