How to iterate array of arrays using knockout data-bind foreach?

Question

I have an array of arrays that contain objects, and im looking for a way to loop over the inner arrays of the array, something like this:

<div data-bind="foreach: questions">
    <div data-bind="foreach: subArray of questions">
        <span data-bind="text: Title"></span>
        <span data-bind="text: Answer"></span>
    </div>
</div>

How can i access the inner arrays of the questions observableArray so i can loop over the elements?

Fiddle example

thanks in advance for any help!

Priyanka Jain · Accepted Answer · 2018-07-07 10:07:54Z

3

I have updated your fiddle . To use inner loop knockout has provided various properties like $data, to use outer loop $parent.

<div class="answers" data-bind="foreach: questions">
    <div data-bind="foreach: $data ">
      <p data-bind="text: Title"></p>
      <p data-bind="text: Answer"></p>  
    </div>  
</div>

answered Jul 7, 2018 at 10:07

Priyanka Jain

3171 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

john Over a year ago

Thanks for the help

Maciej Kwas · Accepted Answer · 2018-07-07 09:55:08Z

2

It's all in the docs, you just have to access inner arrays with $data: http://knockoutjs.com/documentation/foreach-binding.html

<div class="answers" data-bind="foreach: questions">
  <div data-bind="foreach: $data ">
    <p data-bind="text: Title"></p>
    <p data-bind="text: Answer"></p>  
  </div>
</div>

answered Jul 7, 2018 at 9:55

Maciej Kwas

6,5473 gold badges34 silver badges55 bronze badges

Collectives™ on Stack Overflow

How to iterate array of arrays using knockout data-bind foreach?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related