敲除 - 使用附加參數綁定事件

Question

我有組成導航菜單的鏈接列表。我正在嘗試將一個tap事件綁定到一個標籤。

這是HTML

<a data-bind="event: { tap: $parent.menuClick.bind($index, $data.menuText, $data.menuValue) }"> 

這是JavaScript

this.menuClick = function (menuIndex, menuText, menuValue) { 
    .... 
} 

這沒有奏效。當我在menuClick函數內部放置一個斷點時，我發現參數值完全混亂了。

menuInde​​x param有菜單項的文本。
menuText參數具有菜單項的值
menuValue param有敲除「$ data」對象。

有人可以告訴我如何正確傳遞參數。

謝謝。

Answer 1

的第一個參數是bind被用作在被調用的函數（MDN）this的值。所以，你可能會希望結合是這樣的：

event: { tap: $parent.menuClick.bind($parent.menuClick, $index, $data.menuText, $data.menuValue) } 

或者，你可能會感興趣的Knockout.Punches plugin，讓您提供針對事件運行的表達式：

on.tap: $parent.menuClick($index, $data.menuText, $data.menuValue) 

Answer 2

bind()函數的第一個參數是this。因此menuText最終顯示爲menuIndex參數等。在其他地方傳入其他東西（例如，視圖模型）。

<a data-bind="event: { 
    tap: $parent.menuClick.bind($root, $index, $data.menuText, $data.menuValue) 
}">...</a>