привязка данных к переменной в расширителе

Question

Может ли кто-нибудь сказать мне, как получить доступ к переменной asc в нижнем расширителе для привязки данных?

HTML

Пример css связывания:

<th><a href="#" data-bind="sort: { arr: myArray, prop: 'myProp' }, css: { 'up_chevron': sort.asc, 'down_chevron': !sort.asc }">Performance</a></th> 

Нокаут

ko.bindingHandlers.sort = { 
init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
    var asc = true; 
    element.style.cursor = 'pointer'; 

    element.onclick = function() { 
     var value = valueAccessor(); 
     var prop = value.prop; 
     var data = value.arr; 

     asc = !asc; 
     if (asc) { 
      data.sort(function (left, right) { 
       return left[prop] == right[prop] ? 0 : left[prop] < right[prop] ? -1 : 1; 
      }); 
     } else { 
      data.sort(function (left, right) { 
       return left[prop] == right[prop] ? 0 : left[prop] > right[prop] ? -1 : 1; 
      }); 
     } 
    } 
} 

};

Answer 1

Попробуйте

asc() 

так:

css: { 'up_chevron': sort.asc(), 'down_chevron': !sort.asc() } 

Answer 2

Сделать членом объекта обработчика:

ko.bindingHandlers.sort = { 
    asc: true, 
    init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
    var self=this; 
... 
     self.asc = !self.asc; 
     if (self.asc) { 
...