如何在 angular 2 中显示 observable？

Question

只是试用 ngrx-store 示例应用程序。在我的组件中我有：

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

但是进入后todos不显示。这是我得到的错误：

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

如何在 angular 2 中显示 observable？

How to display observable in angular 2?

rxjs

ngrx

angular