javascript - 如何停止knockout js绑定(bind)的初始评估？

Question

我正在学习 Knockout JS 并遵循他们的在线交互式教程。

我有一个添加新预订的按钮。

<button data-bind="click: addSeat($('#passenger-name').val(), $('#selected-meal').val()), enable: seats().length < 5">Reserve another seat</button>

但是问题是，当 Knockout 计算绑定(bind)表达式时(或者我是这么认为)，最初会调用 addSeat 函数。它在页面加载时添加一个空行。

如何阻止这种情况发生？

Find the example over here

Answer 1

函数 addSeat 被调用，因为您在绑定(bind)中调用了它。单击绑定(bind)期望接收对函数的引用，而不是应调用的代码。因此，为了进行您想要的调用，您必须将其包装在函数中。

<button data-bind="click: function () { addSeat($('#passenger-name').val(), $('#selected-meal').val()); }, enable: seats().length < 5">Reserve another seat</button>

这里是更新的示例:http://jsfiddle.net/9kk0haga/

但在你的情况下，更好的解决方案是替换 jQuery 代码以使用 knockout 绑定(bind):http://jsfiddle.net/9kk0haga/1/