Question

Let say I have,

<ul data-bind="foreach: items">
    <li>        
        <span data-bind="text: name"></span>
            <span data-bind="visible: $parent.checkVisiblity"></span>
    </li>
</ul>

and

var ViewModel = function() {
this.items = [{name: 'a'},{name: 'b'}];
 this.checkVisiblity = function(item) {
     console.log(item)
     return item.name === 'a';
     }
};

ko.applyBindings(new ViewModel());

Why the function checkVisiblity is not called by knockout? How to call this.

http://jsfiddle.net/cPVGg/1/

Answer 1

Change your visible binding to:

<span data-bind="visible: $parent.checkVisibility($data)"></span>