ディープ観測とのforeachテンプレート

Question

私はこのようなビューモデルがあります：私は、

今

m.a(new thing()); 

：私は（mは私viewModelです）これを実行しようとするいくつかの時点で

function viewModel() { 
    this.a = ko.observable(); 
} 

をこのようなテンプレートバインディング：

<ul data-bind="template: { name: 't', foreach: a().b }"></ul> 

しかし、何かが起こる前にクラッシュするa()は、最初はundefinedまたはnullです。だから私はこの変化を試みた：

<ul data-bind="template: { name: 't', foreach: a.b }"></ul> 

をしかし、これは、今、それがクラッシュしていないので、奇妙であるが、単一の空のアイテムをレンダリング、テンプレートtを使用して、それが間違っているのです。

私はここで少し犠牲になっていますが、私はソースを定義することができたと思っていましたが、変更されたものはちょうど更新するものですが、私は間違っているの？

Answer 1

あなたは、このように結合あなたを書くことで未定義のプロパティを打つから身を守ることができます。そうしないと、あなたはあなたのビューモデルにこの懸念を押すなどdependentObservableを作成することができます

<ul data-bind="template: { name: 't', foreach: a() ? a().b : [] }"></ul> 

：

viewModel.c = ko.dependentObservable(function() { 
    return this.a() ? this.a().b : []; 
}, viewModel);