2016-05-14 93 views
-1

試用一個ngrx-store示例應用程序。在我的組件中,我有:如何在角度2中顯示觀察值?

<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> 
"): [email protected]:11 

如何顯示待辦事項? plunkr:http://plnkr.co/edit/yOw4qh4aZ5d9jhg235gD?p=preview

+0

錯誤信息中的代碼與上面列出的代碼不匹配。特別是,你有'ngFor ='#todos of todos'而不是'ngFor =「讓todos todos」':這個錯誤會導致你得到的錯誤信息。你**不需要導入NgFor – drewmoore

+0

另外,你鏈接到的plunkr是空的,爲什麼標題提到Observable?這裏沒有一個可觀察到的東西... – drewmoore

回答

-2

您忘記了import NgFor在您的組件中。並將其註冊到您的組件directives:[ ]屬性中。

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

@Component({ 
    directives: [NgFor] 
}) 

此外,如果您是從可觀察到的返回數據異步,您將需要使用async管。

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

+0

工作感謝夥計 –

+1

@bierhier不,它沒有。'NgFor'是一個平臺指令和**不需要以這種方式導入** - 這是自從後期的alpha版本以來的情況。你必須做了別的事情(可能是我在你對我的問題的評論中建議的) – drewmoore

+1

請考慮刪除這個答案是錯誤的,現在已經有太多人困惑於此......例如:-P – drewmoore