更新

Question

我正试图让ngFor迭代一个数组。意识到它没有做任何我打字的事情。

<p ngFor="let applier of tempAahsbdkasjbdnpplicants">{{applier}}</p>

哪个显然是非常错误的，不会返回任何错误。任何人都有线索？

Answer 1

*之前遗失了ngFor。试试这个：

<p *ngFor="let applier of tempAahsbdkasjbdnpplicants">{{applier}}</p>

Answer 2

应该是，

<p *ngFor="let applier of tempAahsbdkasjbdnpplicants">{{applier}}</p>

Answer 3

应该是

<p *ngFor="let applier of tempAahsbdkasjbdnpplicants">{{applier}}</p>

了解更多信息

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

更新

尝试在*ngFor上方打印

{{tempAahsbdkasjbdnpplicants | json}}

通过打印，您将了解您的JSON是否可用

Answer 4

错过*

<p *ngFor="let applier of tempAahsbdkasjbdnpplicants">{{applier}}</p>

这是Angular开发团队维护的标准。 docs

中的更多详细信息

注意： *代表结构指令。

Answer 5

ngFor是angular2中的指令。您可以将您的内容包装在template标记中并将指令应用于该标记，您应该得到预期的错误例如：

<template ngFor [ngForOf]="episodes" let-episode>
  <app-for-example [episode]="episode">
    {{episode.title}}
  </app-for-example>
</template>

*ngFor是这个确切指令的语法糖。在内部，*ngFor处理如下： 1.标签包含在<template>标签中 2. *ngFor然后以指令语法ngFor转换并应用于<template>标记

我猜你一定是在引用一些示例/教程并错过了这部分

Answer 6

我假设您的组件看起来像这样，您有一个与组件关联的数组

export class SomeComponent {
    somearray: string[];
}

在您的html中，您可以访问此数组以显示重复元素，如下所示，

<p *ngFor="let applier of somearray">{{applier}}</p>

但在您的情况下，我假设您故意将无效的数组名称设置如下，并且预计会在运行时抛出错误

<p *ngFor="let applier of tempAahsbdkasjbdnpplicants">{{applier}}</p>

但是在这种情况下，angular不会抛出错误，这是正常的行为。如果您使用的变量名称如“tempAahsbdkasjbdnpplicants”（未包含在范围内），则angular将其视为“未定义”值。当您尝试使用* ngFor，Angular迭代'undefined'或'null'变量时只需简单地忽略迭代而不会产生错误。

ngFor不会抛出错误

6 个答案:

更新