Knockout not observable array length inside if block

Question

I have one 'not observable' array of objects in view-model and I want to render some div-s according to the array.

<div data-bind="foreach: sequences">
    <!-- ko if: $parent.sequences.length-1 > $index -->
        <div>Some content </div>
    <!-- /ko -->        
</div>

Code above should render div for all elements except the last one, but it does not work, I did not get any error, I do know what is happening ?

nemesv · Accepted Answer · 2016-08-13 12:32:02Z

1

$index is an observable, so you need to use $index():

<div data-bind="foreach: sequences">
    <!-- ko if: $parent.sequences.length-1 > $index() -->
        <div>Some content </div>
        <div data-bind="text: $data"></div>
    <!-- /ko -->        
</div>

Demo JSFiddle.

answered Aug 13, 2016 at 12:32

nemesv

140k16 gold badges424 silver badges364 bronze badges

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

1 Comment

Milos Over a year ago

Thanks, that is it. I thought that mistake is in the first part of condition, because I try it with solution:  and it does not work.

Douglas Fernandes · Accepted Answer · 2016-08-13 12:34:33Z

1

You can use the visible binding for this:

<div data-bind="foreach: sequences">
    <div data-bind="visible: $parent.sequences.length-1 >  $index()">
      Some content 
    </div>   
 </div>

answered Aug 13, 2016 at 12:34

Douglas Fernandes

1995 bronze badges

1 Comment

Milos Over a year ago

Thank you, it also works, but 'namesv' answer the best fit my question and I accept his answer :)

Collectives™ on Stack Overflow

Knockout not observable array length inside if block

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related