Question

试用ngrx-store示例应用。在我的组件中，我有：

 <div *ngFor="#todo of todos">
        {{ todo.value }} 
 </div>

但是进入后不会显示待办事项。这是我得到的错误：

Can't bind to 'ngFor' since it isn't a known native property ("

      ********
      <div [ERROR ->]*ngFor="let todo of todos">
        {{ todo.value }} 
      </div>
"): App@8:11

如何显示待办事项？ plunkr：http://plnkr.co/edit/yOw4qh4aZ5d9jhg235gD?p=preview

Answer 1

您在组件中忘记了import NgFor。并在组件directives:[ ]属性中注册它。

import { NgFor } from '@angular/common';

@Component({
  directives: [NgFor]
})

此外，如果您从observable返回数据异步，则需要使用async管道。

https://angular.io/docs/ts/latest/guide/pipes.html

如何在角度2中显示可观察量？

1 个答案: