Knockout模板将ViewModel数据绑定为参数

时间:2012-03-15 16:18:31

标签: knockout.js

我正在重新发布这篇文章,因为我的帖子不太清楚。

我有一个KO View模型,它有一个像这样的复杂对象(带有列表和子列表等) - 比我实际上简化得多:

$(function () {

function MyViewModel() {
  this.collection = {
    List: [{ name: 'amar', progress: 20 },
           { name: 'vijay', progress: 50}]
  }
}

ko.applyBindings(new MyViewModel());

然后在某些时候我将一个对象(在KO视图模型内部)传递给这样的函数,我想为该项创建一个div:

var createDivs = function (item) {
// "task-template" is defined in my html
var itemDiv = $("<div  data-bind=\"template: { name: 'task-template', HOW_DO_I_REFERENCE_item_HERE?  }\" ></div>");
itemDiv.appendTo("#ParentDiv");
}

但是,正如您在上面的代码中所看到的,我不确定在定义itemDiv模板时如何引用item对象(或指定它作为数据源)?有人可以帮忙吗?

要求是我想将这个div的样式绑定到项目中的某个属性(在KO视图模型中)。

由于

1 个答案:

答案 0 :(得分:0)

查看$ parent,$ parents和$ root对象http://knockoutjs.com/documentation/foreach-binding.html