角度异常：无法绑定到“ ngForIn”，因为它不是已知的本机属性

我究竟做错了什么？

import {bootstrap, Component} from 'angular2/angular2'

@Component({
  selector: 'conf-talks',
  template: `<div *ngFor="let talk in 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 'ngForIn' since it isn't a known native property
("<div [ERROR ->]*ngFor="let talk in talks">

由于这至少是我第三次在此问题上浪费了5分钟以上，因此我认为我会发布“问题与答案”。我希望它可以帮助其他人……可能是我！

我键入in而不是of在ngFor表达式中。

在2-beta.17之前，应该是：

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

从beta.17开始，使用let语法代替#。有关更多信息，请参阅“更新”。

注意，ngFor语法将“ desugars”分解为以下内容：

<template ngFor #talk [ngForOf]="talks">
  <div>...</div>
</template>

如果我们in改为使用，它将变成

<template ngFor #talk [ngForIn]="talks">
  <div>...</div>
</template>

由于ngForIn不是具有相同名称输入属性的属性指令（如ngIf），因此Angular会尝试查看它是否是template元素的（已知本机）属性，而不是，因此不是错误。

UPDATE -作为2 beta.17的，使用let语法来代替#。这将更新为以下内容：

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

注意，ngFor语法将“ desugars”分解为以下内容：

<template ngFor let-talk [ngForOf]="talks">
  <div>...</div>
</template>

如果我们in改为使用，它将变成

<template ngFor let-talk [ngForIn]="talks">
  <div>...</div>
</template>

TL; DR;

用let ... of代替let ... in !!

如果您不熟悉Angular（> 2.x），并且可能要从Angular1.x进行迁移，则很可能会in与混淆of。正如Andreas在下面评论中提到for ... of遍历values 的同时对象for ... in遍历properties 中的对象。这是ES2015中引入的新功能。

只需替换：

<!-- Iterate over properties (incorrect in our case here) -->
<div *ngFor="let talk in talks">

与

<!-- Iterate over values (correct way to use here) -->
<div *ngFor="let talk of talks">

因此，您必须替换in为of inner ngFor指令才能获取值。

尝试将import { CommonModule } from '@angular/common';角形最终导入为*ngFor，*ngIf所有形式都存在CommonModule

在我的情况下，WebStrom自动完成插入小写字母*ngfor，即使看起来像您选择了正确的小写驼色（*ngFor）。

我的问题是，是的Visual Studio莫名其妙自动使用小写字母 *ngFor来*ngfor上复制和粘贴。

如果您想使用of而不是切换到，则有另一种选择in。您可以使用KeyValuePipe6.1中介绍的内容。您可以轻松地遍历一个对象：

<div *ngFor="let item of object | keyvalue">
  {{item.key}}:{{item.value}}
</div>

问：因为它不是'tr'的已知属性，所以无法绑定到'pSelectableRow'。

答：您需要在ngmodule中配置primeng tabulemodule

我的解决方案是-只需从表达式^ __ ^中删除“ *”字符

<div ngFor="let talk in talks">