Knockout JSの配列リストから選択した項目のみを表示する方法は？

Question

私は実行中の問題を示すために、http://jsfiddle.net/nair/bv3FG/19/にサンプルjsfiddleを作成しました。私は人のコレクションを持っている、私はテーブルで、各行を編集するオプションで、それらを表示します。負荷時にデータが適切に表示されます。しかし、私がモデルを編集するときは、2つの問題に直面します。

1. 私は行を編集するときに、編集テンプレートを に表示しますが、テーブルは表示しないようにしてください。私は可視性を使用して可視性を切り替えています。 これはうまくいくようです。
2. 編集を押すと、フォームが編集するように表示されますが、選択したアイテムデータ は、テンプレートでは、選択したアイテムのデータが であるにもかかわらず表示されません。

おかげで、

Answer 1

問題は、それエラー出て、空の配列である、あなたのSelectedItemに対してすぐにバインドしようとしているということです。

に対してwithバインドを使用して、そのセクションのコンテキストを制御する方がよい場合があります。 selecteditemが空の場合、その領域はレンダリングされません。

だから、それは次のようになります。その後、あなたが結合withはそれの世話をするように、フォーム上の可視性を使用する必要はありませんhttp://jsfiddle.net/rniemeyer/ACE2d/

。保存した後、項目をnullとしてマークすると、領域は表示/バインドされなくなります。