Eccezione: impossibile associare 'ngFor' poiché non è una proprietà nativa nota

Che cosa sto facendo di sbagliato?

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, [])

L'errore è

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

Mi sono perso letdi fronte a talk:

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

Si noti che a partire da beta.17 l' utilizzo di #...per dichiarare variabili locali all'interno di direttive strutturali come NgFor è obsoleto. Usa letinvece.

<div *ngFor="#talk of talks"> ora diventa <div *ngFor="let talk of talks">

Risposta originale:

Mi sono perso #di fronte a talk:

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

È così facile dimenticarlo #. Vorrei che il messaggio di errore di eccezione angolare potrebbe invece dire:
you forgot that # again.

Un altro errore di battitura che porta all'errore dell'OP potrebbe essere l'utilizzo di in:

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

Dovresti usare ofinvece:

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

Questa affermazione utilizzata nella versione beta di Angular2 .....

Di seguito uso let invece di #

let parola chiave viene utilizzata per dichiarare la variabile locale

Nel mio caso, era una piccola lettera f. Sto condividendo questa risposta solo perché questo è il primo risultato su Google

assicurati di scrivere *ngFor

In Angular 7 è stato risolto aggiungendo queste righe al .module.tsfile:

import { CommonModule } from '@angular/common'; imports: [CommonModule]

Dovresti usare la parola chiave let per dichiarare le variabili locali, ad esempio * ngFor = "parliamo di discorsi"

Per dirla in breve, avevo inavvertitamente ridotto a angular-beta-16.

La sintassi let ... è valida SOLO in 2.0.0-beta.17 +

Se provi la sintassi let su qualcosa al di sotto di questa versione. Genererai questo errore.

Aggiorna a angular-beta-17 o usa #item nella sintassi degli elementi.

Nel mio caso ho fatto l'errore di copiare *ng-for=dai documenti.

https://angular.io/guide/user-input

Correggimi se sbaglio. Ma sembra che *ng-for=sia stato modificato in*ngFor=

Ho dimenticato di annotare il mio componente con " @Input " (Doh!)

book-list.component.html (codice offensivo):

<app-book-item
  *ngFor="let book of book$ | async"
  [book]="book">  <-- Can't bind to 'book' since it isn't a known property of 'app-book-item'
</app-book-item>

Versione corretta di book-item.component.ts :

import { Component, OnInit, Input } from '@angular/core';

import { Book } from '../model/book';
import { BookService } from '../services/book.service';

@Component({
  selector: 'app-book-item',
  templateUrl: './book-item.component.html',
  styleUrls: ['./book-item.component.css']
})
export class BookItemComponent implements OnInit {

  @Input()
  public book: Book;

  constructor(private bookService: BookService)  { }

  ngOnInit() {}

}

Inoltre, non provare a usare TypeScript puro in questo ... Volevo corrispondere maggiormente forall'uso e all'uso*ngFor="const filter of filters" e ho ottenuto ngPer non un errore di proprietà noto. La semplice sostituzione di const con let sta funzionando.

Come ha detto @ alexander-abakumov per il ofsostituito da in.

Nel mio caso, il modulo contenente il componente usando * ngPer ottenere questo errore, non è stato incluso in app.module.ts. Includendolo nella matrice delle importazioni ho risolto il problema per me.

Giusto per coprire più un caso, quando mi è stato sempre lo stesso errore e il motivo stavo usando in al posto di di in iteratore

Senso vietato let file in files

Modo corretto let file of files

Usa questo

<div *ngFor="let talk of talks> 
   {{talk.title}} 
   {{talk.speaker}}
   <p>{{talk.description}} 
</div>

È necessario specificare la variabile da ripetere su una matrice di un oggetto