从淘汰2.3更新到3.2时，嵌套模板失败

Nested templates failed when updating from knockout 2.3 to 3.2

本文关键字：嵌套 失败 淘汰 更新 2时      更新时间：2023-09-26

我有一个使用敲除2.3.0和嵌套模板的页面，在我将其更新到3.2.0版本之前一直运行良好。

如果我去掉页面的其余部分，失败的结构看起来是这样的：

...
<!-- ko template: {name: 'meta-data-template', foreach: DocumentMetaDataList} -->
<!-- /ko -->
...
<script type="text/html" id="meta-data-template">
  <label data-bind="text: FieldName() + ':', visible: $root.labelIsVisible($data)"></label>
  <!-- ko template: { name: $root.displayAddFieldTemplate, data: $data } -->
  <!-- /ko -->
</script>**

在这种情况下，displayAddFieldTemplate解析为"meta-add-template"，看起来像这个

<script type="text/html" id="meta-add-template">
  <a class="add-fieldvalue" href="#" data-bind="visible: $root.fieldValueIsVisible($data)">Link</a>
</script>

我已经对$root.fieldValueIsVisible($data)进行了硬编码以返回true，因此应该始终显示链接。然而，当我在浏览器中运行它时，会出现以下javascript错误：

Uncaught TypeError: Unable to process binding "template: function (){return { name:$root.displayAddFieldTemplate,data:$data} }"

消息：未定义不是功能

如果我从meta-add-template中删除数据绑定，那么它看起来像这样，它可以按预期工作。

<script type="text/html" id="meta-add-template">
  <a class="add-fieldvalue" href="#">Link</a>
</script>

即使我将一个值内联到data-bind中，它也会给出相同的错误消息。所以这个模板也失败了：

<script type="text/html" id="meta-add-template">
  <a class="add-fieldvalue" data-bind="visible:true" href="#">Link</a>
</script>

为什么这没有按预期工作，为什么在从2.3更新到3.2后停止工作？

您使用的是旧版本的jquery模板吗？该库已被弃用。尝试删除对它的引用，因为knockoutjs现在已经内置了对相同语法的支持。

jQuery模板已弃用？

http://knockoutjs.com/documentation/template-binding.html

相关文章：