javascript - Knockout.js - パラメータを渡す

Question

Knockout.js に問題があります。ユーザー名を関数に渡し、アラートで表示したい。何か奇妙なことが起こっています。正しいユーザー名でページを更新するたびにアラートが表示されますが、クリックしても応答がありません。ここで何が問題なのですか？これが私のコードです：

<ul data-bind="foreach: contacts">
   <li class="user-box"><span class="user-box-name" data-bind="text: username, click: $root.userClick(username)"></span>
   </li>
</ul>

と

self.userClick = function (x) {
    alert(x);
}

Answer 1

バインディングは、clickコントロールがクリックされたときに呼び出されるコールバック関数を受け入れます。

ただし、この例では、代わりに関数を呼び出しています。つまり、ページが読み込まれるたびに、バインディングが読み込まれ、関数が書き込まれるときに呼び出されます。そのように呼び出されないように、関数でラップする必要があります。

<span class="user-box-name"
      data-bind="text: username, click: function () { $root.userClick(username); }">
</span>

Answer 2

Knockout は、適切なオブジェクトをイベント ハンドラーに渡します。次のようにしてください：

<ul data-bind="foreach: contacts">
   <li class="user-box">
     <span 
       class="user-box-name" 
       data-bind="text: username, click: $root.userClick"
     ></span>
   </li>
</ul>

と

self.userClick: function (obj, event) {
    alert(obj.username);
}