data-binding - 从使用 KnockOutJs 呈现的 HTML 元素调用 ViewModel 函数

Question

我正在使用这样绑定的列数据呈现 HTML：

<td data-bind="html: content"></td>

在 ViewModel 内容中可以包含一个应该响应 viewmodel 事件（如 click）的元素。一个例子可以是：

<a href='#'><img src='../img/search.png' data-bind='click: function() { foo()  }' ></img></a>

在这种情况下，foo()函数不会被调用。两者都不是$root.foo()或$parent.foo()（我在 foreach 上下文中。

你能帮我吗？

Answer 1

您不必说 foo() 函数是一个函数。

我的意思是你不使用function() {foo() } syntax

您应该能够通过仅使用函数调用本身来使其工作：

<a href='#'><img src='../img/search.png' data-bind='click:foo()' ></img></a>