angular - 如何以角度 2 显示 observable？

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]
})

此外，如果您从可观察对象返回异步数据，您将需要使用async管道。

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