無法通過自定義組件在淘汰賽中傳遞變量3.2

Question

我正嘗試在淘汰賽3.2中使用自定義組件。如果我使用預定義的參數，一切都很好。例如，這是jsFiddle。

但是，當我從我的視圖模型傳遞參數（我已閱讀如何做到這一點here）我沒有得到任何東西：jsFiddle。我究竟做錯了什麼？

這裏是我的js代碼：

ko.components.register('pagination', { 
    viewModel: function (params) { 
     var self = this; 
     this.page = ko.observable(params.page); 
     this.max = ko.observable(params.max); 

     this.list = ko.pureComputed(function() { 
      var a = self.page(), 
       list = [], 
       min = a - 2 < 1 ? 1 : a - 2, 
       max = a + 2 > self.max() ? self.max() : a + 2; 

      for (var i = min; i <= max; i++) { 
       list.push(i); 
      } 
      return ko.observableArray(list); 
     }); 

     this.callback = function (i) { 
      console.log(i); 
      self.page(i); 
     }; 
    }, 
    template: { 
     element: 'pagination-tpl' 
    } 
}); 

function Vm(){ 
    this.page = ko.observable(2); 
    this.max = ko.observable(6); 
} 
var vm = new Vm(); 

ko.applyBindings(vm, document.getElementById('koBinding_somePage')); 

Answer 1

的linked article解釋這種行爲詮釋他如何PARAMS被傳遞到組件部分：如果一個參數創建依賴自身

（訪問可觀測值或計算值），則該組件將接收到返回值的計算結果。

所以你的情況的params.page和params.max包含計算的觀察特性，而不是價值。

因此，您只需將它們分配到當地的領域：

viewModel: function (params) { 
     var self = this; 
     this.page = params.page; 
     this.max = params.max; 
     //... 
} 

演示JSFiddle。