Exception: Can't bind to 'ngFor' since it isn't a known native property

Question

What am I doing wrong?

import {bootstrap, Component} from 'angular2/angular2'  @Component({   selector: 'conf-talks',   template: `<div *ngFor="talk of talks">      {{talk.title}} by {{talk.speaker}}      <p>{{talk.description}}    </div>` }) class ConfTalks {   talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'},             {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({   selector: 'my-app',   directives: [ConfTalks],   template: '<conf-talks></conf-talks>' }) class App {} bootstrap(App, []) 

The error is

EXCEPTION: Template parse errors: Can't bind to 'ngFor' since it isn't a known native property ("<div [ERROR ->]*ngFor="talk of talks"> 

Answer 1

I missed let in front of talk:

<div *ngFor="let talk of talks"> 

---

Note that as of beta.17 usage of #... to declare local variables inside of structural directives like NgFor is deprecated. Use let instead.

<div *ngFor="#talk of talks"> now becomes <div *ngFor="let talk of talks">

Original answer:

I missed # in front of talk:

<div *ngFor="#talk of talks"> 

It is so easy to forget that #. I wish the Angular exception error message would instead say:
you forgot that # again.