如何在Knockout.js中迭代集合时获取Model的值

时间:2017-03-23 23:57:05

标签: knockout.js

我在ViewModel中有一个Items集合,我正在使用Knockout.js进行迭代。

<div data-bind="foreach: Items">
      <div>
          My HTML to modify as needed
      </div>
 </div>

列表中的每个项目都有一个int字段myInt,我想将其设置为唯一ID +一些字符串,以便HTML元素ID类似于id=myItem1234

如何通过Knockout.js进行数据绑定?

1 个答案:

答案 0 :(得分:1)

经过一些工作,我能够使用以下数据绑定得到这个:

<div data-bind="foreach: Items">
    <div data-bind="attr: {'id': 'myItem' + $data.myInt()}">
         My HTML to modify as needed
    </div>
 </div> 

当页面呈现时,这会创建一个独特的html元素,如myItem1234。是$data允许我到达迭代的特定元素然后myInt()允许我访问我的特定字段的值。除了我上面的具体案例之外,这将派上用场。