javascript - 如何将 knockout 的 Observable 数组长度绑定(bind)到 html 元素

Question

假设我有以下 View 模型

var ViewModel = function() {
   this.fruits = ko.observableArray(["Apple", "banana", "orange"]);
};
ko.applyBindings(new ViewModel());

我希望能够像这样将可观察数组的长度绑定(bind)到 html 上，就像任何其他 View 模型属性一样。

<span data-bind="text: fruits.length"></span>

为了这个目的，我尝试将可观察数组转换为简单数组，但没有成功

span data-bind="text: fruits().length"></span>

我知道这应该很容易，因此一定遗漏了一些东西。你能给我指出正确的方向吗？

Answer 1

不确定您遇到了什么问题，但这工作正常:

<span data-bind="text: fruits().length"></span>

Working example