小编Row*_*wan的帖子

将项添加到observableArray不更新jQuery按钮单击视图

我试图弄清楚为什么以下示例不起作用.

observableArray在手动被告知已更改之前不会更新(使用valueHasMutated()).

我认为可观察量的重点是当它改变时,视图会自动更新.

<button type='button' id='add'>add</button>
<button type='button' id='mutated'>force update</button>
<div id="short_tasks" data-bind="foreach: list">
  <div data-bind="text: title"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

JS:

var ListTest = function () {

  this.list = ko.observableArray([{title: 'item1'}]);
}

var viewModel = new ListTest();
ko.applyBindings(viewModel);

$('#add').click(function () {
  viewModel.list().push({title: 'new item'});
});

$('#mutated').click(function() {
  viewModel.list.valueHasMutated();
});
Run Code Online (Sandbox Code Playgroud)

jsFiddle:http://jsfiddle.net/InsaneWookie/HFgbR/

jquery knockout.js

5
推荐指数
1
解决办法
2854
查看次数

标签 统计

jquery ×1

knockout.js ×1