具有可观察数组的淘汰赛计算列未更新UI

Question

我正在使用以下敲除observableArray和计算列代码，但是当我将值推送到observable数组时，UI（用于数据绑定的计算）没有更新。 请参阅我的jsFiddle示例。

有没有更好的方法将值推送到observableArray并让它们通过计算值更新UI？ 提前致谢。

HTML：

<html>
    <head>
        <script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.1.0.js" ></script>
    </head>
    <body>
        <div data-bind="text: onString"></div>
        <div id="test"></div>
    </body>
</html>

JavaSript：

function MyData() {
  var self = this;
  self.currentOnOf = ko.observable(1);
  self.available = ko.observableArray();
  self.onString = ko.computed(function () {
    return "On " + self.currentOnOf() + " of " + self.available ().length;}, self);
}

var data = new MyData();

$(document).ready(function () {
    ko.applyBindings(data);
    data.available().push(1);
    data.available().push(2);
    $("#test").html(data.available().length);
});

Answer 1

当您推送到ko.observable数组时，您需要直接推送到它：

data.available.push(1);
data.available.push(2);

具有可观察数组的淘汰赛计算列未更新UI

问题描述

1 个解决方案

解决方案1
5 已采纳 2012-07-19 15:11:01

具有可观察数组的淘汰赛计算列未更新UI

问题描述

1 个解决方案

解决方案1 5 已采纳 2012-07-19 15:11:01

解决方案1
5 已采纳 2012-07-19 15:11:01