javascript - 无法在 Knockout.js 中使用 observableArray 长度更新 span

Question

我是 KO 新手，我有一个无法解决的问题。

在我的尝试的这个特定部分中，我不明白 observable 背后的理论。我有一个跨度，应该始终使用用户通过表单填写的 observableArray (self.links) 的值来更新它自己。

每次我推送到数组时，我认为它应该自动更新跨度，但事实并非如此，我不明白为什么，这是我的主要问题，不理解为什么。

我知道如果不是

<div class="panel-heading"><span data-bind="text: numberOfLinks">

我有...

<div class="panel-heading"><span data-bind="text: links().length">

跨度会自动更新，但问题是，我如何实际将该 links().length 值放入变量中，以便可以在其他地方使用它(这可能不会发生，但我很好奇)。

我这里有js，所以更容易:http://jsfiddle.net/Kc4vL/2/

Answer 1

您可以直接使用link().length来显示链接数量:-

<span data-bind="text: links().length"></span> available links</div>

或者你必须使用计算来获取 observableArray 的长度。还有一种无需计算的方法，您可以在每次添加新链接时更新 numberOfLinks 。

    self.addLink = function(){

        self.links.push(new Link(self.linkToAdd()));
        self.numberOfLinks(self.links().length);
    };

Fiddle Demo