Индекс доступа $parent в нокауте.js


в нокаут.js 2.1.0, в шаблоне, использующем привязку foreach, вы можете получить доступ к индексу текущего элемента через функцию $index (). Во вложенной привязке foreach есть ли способ получить доступ к индексу $ parent из шаблона?

скажем, у меня есть такая структура данных:

var application = {
  topModel: [
    {
      {subModel: [{'foo':'foo'}, { 'bar':'bar'}]}, // this has top:0 and sub:0
      {subModel: [{'foo2':'foo2'}, { 'bar2':'bar2'}]} // this has top:0 and sub:1
    },
    {
      {subModel: [{'foo':'foo'}, { 'bar':'bar'}]} // this is top:1 sub:0
    },
    {
      {subModel: [{'foo':'foo'}, { 'bar':'bar'}]} // this is top:2 sub:0
      {subModel: [{'foo':'foo'}, { 'bar':'bar'}]} // this is top:2 sub:1
    },
    ...
    ]};

при этом я хочу напечатать путь к каждой модели, используя индексы: [topModel-index subModel-index], так что на выходе будет что-то вроде:

[0 0]
[0 1]
[1 0]
[2 0]
[2 1]
...

I связали модели с помощью foreach, но я не могу понять, как получить доступ к индексу topModel в контексте подмодели. В следующем примере показан подход, который я пробовал, но он не работает, так как я не могу понять, как получить доступ к индексу $parent referrer.

<!--ko foreach: topModel -->
<!--ko foreach: subModel -->
  [<span data-bind="text: $parent.index()"></span>
  <span data-bind="text: $index()"></span>]
<!--/ko-->
<!--/ko-->

распечатать: 0 1, 0 2, 1 0, 1 1, 1 2, 2 0, 2 1, ...

2 83

2 ответа:

для доступа к индексу родительского объекта используйте

$parentContext.$index()

, а не

$parent.index()

самый простой способ узнать это скачать "нокаут контекст" для chrome. Это показывает, какие данные привязаны к какому элементу, а также позволяет увидеть доступные функции/переменные для этого конкретного связанного элемента. Это удивительный инструмент для таких ситуаций.