Question

我刚刚读到了KnockoutJS，当我尝试绑定到可以为null的对象上的子属性时，我会遇到绑定错误，例如：

<div data-bind="text: selectedAccount().DocumentList().length"></div>

因此，一旦调用ko.applyBindings，它就会尝试评估上面的表达式，如果selectedAccount为空（默认情况下是这样），则会抛出错误。我知道我可以这样创建一个dependentObservable：

viewModel.docLength = ko.dependentObservable(function () { 
    return selectedAccount() ? selectedAccount().DocumentList().length : null;
})

但是我想知道是否有一个解决方案，除了在ViewModel中放置属性只是因为我遇到绑定错误。

Answer 1

一些想法：

如果您不想打扰dependentObservable，那么您可以将语句直接放在文本绑定中，如：

<div data-bind="text: selectedAccount() ? selectedAccount().DocumentList().length : null"></div>

甚至更短：

<div data-bind="text: selectedAccount() && selectedAccount().DocumentList().length"></div>

根据您的方案，您还可以在处理潜在的空值时使用模板绑定。它会是这样的：

<div data-bind="template: { name: 'accountTmpl', data: selectedAccount }"></div>

<script id="accountTmpl" type="text/html">
    ${DocumentList().length}
</script>

此外，在Knockout的1.3版本中，将会有一些控制流绑定可能对您有所帮助。特别是“if”或“with”绑定适用于这种情况。这里描述了它们：https://groups.google.com/d/topic/knockoutjs/pa0cPkckvE8/discussion

绑定到嵌套属性，其中链中的observable可以为null

1 个答案: