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 绑定(bind)接受单击控件时要调用的回调函数。

但是在您的示例中，您改为调用该函数。因此，每次加载页面时，都会加载绑定(bind)并在编写时调用您的函数。您需要将它包装在一个函数中，这样它就不会被那样调用。

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