Find last iteration of foreach data binding in js knockout

Question

Is there a way to find the last iteration using foreach data-bind in js knockout?

My problem: I repeat the list of elements and want to print all the elements separated by a string.

I do not want to draw a string (hr) for the last element of this array.

Answer 1

You can check if the first item is displayed.

<div data-bind="foreach: items">
   <hr data-bind="visible : $index()!=0" /> 
   <span data-bind="text: $data"></span>
</div>

See violin

Or, as RP Niemeyer said, you can omit the last hr:

<div data-bind="foreach: items">
   <span data-bind="text: $data"></span>
   <hr data-bind="visible : $index() != ($parent.length-1)" /> 
   // notice the hr is after the item.
</div>

Answer 2

foreach (), $index. , - visible: $index() < $parent.items().length - 1.

: http://jsfiddle.net/rniemeyer/M55qh/

Answer 3

With CSS, maybe you can use last-childtry:

hr:last-child {
  display:none;
}

And if you can be more specific, for example, add a idparent container.

Answer 4

Could you use visible: $index() < list().lengthor something like that?

http://jsfiddle.net/x2aa7/