2016-05-14 42 views
-1

ngrx-storeサンプルアプリを試してみてください。私のコンポーネントで私は持っています:角度2で観測可能な表示方法は?

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

どのように私はtodosを表示できますか? plunkr:http://plnkr.co/edit/yOw4qh4aZ5d9jhg235gD?p=preview

+0

エラーメッセージのコードが、上記のコードと一致しません。特に、あなたは 'ngFor =" todosの代わりに 'ndFor =" todosの代わりに "todoの' todoを ''持っています:この間違いはあなたが得ているエラーメッセージを引き起こします。 。 – drewmoore

+0

また、リンク先のplunkrは空です。なぜタイトルにObservableという言葉が出ていますか?ここには観察可能なものはありません... – drewmoore

答えて

-2

あなたのコンポーネントのNgForをimportに忘れました。そして、コンポーネントdirectives:[ ]のコンポーネントに登録します。あなたが観測からデータを非同期に戻ってきている場合

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

@Component({ 
    directives: [NgFor] 
}) 

はまた、あなたはasyncパイプを使用する必要があります。

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

+0

それは感謝していました。 –

+1

@bierhierいいえ、それはありませんでした。プラットフォームの指示と**このようにインポートする必要はありません** - これは後半のアルファの後のケースですあなたは何か他のことをしたに違いありません(私のコメントにあなたの質問で提案したもの) – drewmoore

+1

削除を検討してくださいこの答えは、それは間違っており、既に多くの人がこれについて混乱しています...あなたの例: - P – drewmoore

関連する問題