在knockout js中找到foreach data-bind的最后一次迭代

Question

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

My problem is, I am iterating over a list of items and want to print all items separated by a line.

I don't want to draw a line(hr) for the last item of that array.

Answer 1

Inside of a foreach, you can bind against a special context variable (observable) called $index . So, you could bind something like visible: $index() < $parent.items().length - 1 .

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

Answer 2

You can check if you are displaying the first element.

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

See fiddle

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 3

With CSS maybe you can use last-child , try:

hr:last-child {
  display:none;
}

And if you can be more specific like adding the id of parent container.

Answer 4

Could you use visible: $index() < list().length or something similar?

http://jsfiddle.net/x2aa7/