例外：无法绑定到“ ngFor”，因为它不是已知的本机属性

我究竟做错了什么？

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

错误是

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

我错过let了talk：

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

请注意，自beta.17版本起，不赞成使用#...在类似NgFor的结构指令内部声明局部变量。使用let代替。

<div *ngFor="#talk of talks"> 现在变成 <div *ngFor="let talk of talks">

原始答案：

我错过#了talk：

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

很容易忘记这一点#。我希望Angular异常错误消息改为：：
you forgot that # again。

导致OP错误的另一种错字可能是使用in：

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

您应该of改用：

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

此声明在Angular2 Beta版本中使用.....

此后使用let代替＃

let关键字用于声明局部变量

就我而言，这是一封小写信 f。我之所以分享这个答案，只是因为这是Google的第一个结果

确保写 *ngFor

在angular 7中，通过将以下行添加到.module.ts文件中来解决此问题：

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

您应使用let关键字声明局部变量，例如* ngFor =“ let talk of talks”

对我而言，总而言之，我无意中将其降级为angular-beta-16。

let ...语法仅在2.0.0-beta.17 +中有效

如果对该版本以下的任何内容尝试使用let语法。您将生成此错误。

升级到angular-beta-17或在items语法中使用#item。

就我而言，我犯了复制错误 *ng-for=从文档。

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

如果我错了，请纠正我。但似乎*ng-for=已更改为*ngFor=

我忘了用“ @Input ” 注释组件（Doh！）

book-list.component.html（违规代码）：

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

更正后的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() {}

}

也不要尝试在这种情况下使用纯TypeScript ...我想更符合for用法和用法*ngFor="const filter of filters"，并得到了ngFor不是一个已知的属性错误。只是用let代替const是可行的。

正如@ alexander-abakumov所说的那样，由of代替in。

在我的情况下，使用* ngFor包含组件的模块导致此错误，但未包含在app.module.ts中。将其包含在导入数组中为我解决了这个问题。

只是为了掩饰，当我得到同样的错误，究其原因是使用更多的情况中，而不是的在迭代器

错误的方法 let file in files

正确的方法 let file of files

用这个

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

您需要指定变量以迭代对象的数组