Knockout.js Can'；t在模板中的ko.protectedObservable上调用函数

我已经实现了

ko.protectedObservable

，如中所述

My ViewModel是一个具有某些属性的对象（还有更多属性，但这些是相关属性）：

在我的表单上，我想在每个字段旁边放置一个撤消按钮，它将把该字段的数据恢复到其原始值。以下是我的想法：

<input type="text" id="Title" data-bind="value: Title" />
<button class="btn" type="button" data-bind="click: Title.reset" title="Undo Changes"><i class="icon-undo"></i></button>

然后使用此绑定：

<!-- ko template: { name: 'ajax-editor-undobutton', data: Title } --><!-- /ko -->

但是，单击处理程序不起作用。我在Chrome Developer工具中仔细查看了代码，发现当调用模板时，

标题

在用于模板之前会被计算为字符串，而普通字符串显然没有

protectedObservable

方法

---

是否有一种方法可以将

protectedObservable

对象绑定到模板，以便可以从模板内部调用其重置方法？

您可以做几件事。但最重要的是，对于任何knockout的绑定，都不应该对

数据

进行可观察，它们将被展开

由于您的模板只需要

reset

功能，因此只需将其作为数据传入即可

<!-- ko template: { 'name': 'ajax-editor-undobutton', 'data': Title.reset } --><!-- /ko -->
<script type="text/html" id="ajax-editor-undobutton">
    <button class="btn btn-mini" type="button" data-bind="click: $data" title="Undo Changes"><i class="icon-undo"></i></button>
</script>

否则，您需要将可观察对象包装到对象中，以便敲除不会自动打开该值

<!-- ko template: { 'name': 'ajax-editor-undobutton', 'data': { 'Value': Title } } --><!-- /ko -->
<script type="text/html" id="ajax-editor-undobutton">
    <button class="btn btn-mini" type="button" data-bind="click: Value.reset" title="Undo Changes"><i class="icon-undo"></i></button>
</script>

---

您可以做几件事。但最重要的是，对于任何knockout的绑定，都不应该对

数据

进行可观察，它们将被展开

由于您的模板只需要

reset

功能，因此只需将其作为数据传入即可

<!-- ko template: { 'name': 'ajax-editor-undobutton', 'data': Title.reset } --><!-- /ko -->
<script type="text/html" id="ajax-editor-undobutton">
    <button class="btn btn-mini" type="button" data-bind="click: $data" title="Undo Changes"><i class="icon-undo"></i></button>
</script>

否则，您需要将可观察对象包装到对象中，以便敲除不会自动打开该值

<!-- ko template: { 'name': 'ajax-editor-undobutton', 'data': { 'Value': Title } } --><!-- /ko -->
<script type="text/html" id="ajax-editor-undobutton">
    <button class="btn btn-mini" type="button" data-bind="click: Value.reset" title="Undo Changes"><i class="icon-undo"></i></button>
</script>

我将使用您的第二个答案，因为我还计划添加一个“脏标志”，并对按钮上的

css:{disabled:！Value.isDirty}

使用绑定。第二个选项允许我同时传递

reset

和

isDirty

。我将使用您的第二个答案，因为我还计划添加一个“脏标志”，并对按钮上的

css:{disabled:！Value.isDirty}

使用绑定。第二个选项允许我同时传递

reset

和

isDirty

。