Go 1.19 模板执行错误：range 指令在不同的上下文中结束：额外的 javascript 行导致错误

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《Go 1.19 模板执行错误：range 指令在不同的上下文中结束：额外的 javascript 行导致错误》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

请在 go 演示中找到示例。评论 (//) 行 onruleareachange(document.getelementbyid('rulearea0')); 查看问题

我有一些 javascript 可以根据其他下拉列表选择来更改表单上的下拉 (select) 列表。为了初始化下拉列表，我调用我编写的 onchange 函数。在初始化表单时，我为表单的每一行调用 onchange 函数。

以下代码行覆盖每一行，并调用该行，从而设置整行中其他字段的配置。

// initialise all the rows
    {{- range $i,$v  := .}}
    onruleareachange(document.getelementbyid('rulearea{{$i}}'));
    {{- end}}

go 告诉我，我有一个 {{range}} 以不同的上下文 结尾，我不确定为什么 - 我到处寻找一些丢失的终止符。

解决这个问题的方法是简单地添加一行与范围循环中生成的第一行相同的行。即在对整个集合进行范围之前初始化第一行（我一直都有），如下所示：

// initialise all the rows
    onruleareachange(document.getelementbyid('rulearea0'));
    {{- range $i,$v  := .}}
    onruleareachange(document.getelementbyid('rulearea{{$i}}'));
    {{- end}}

有人能明白为什么添加这一行可以解决问题吗？

最终有效的输出是：

onruleareachange(document.getelementbyid('rulearea0'));
    onruleareachange(document.getelementbyid('rulearea0'));
    onruleareachange(document.getelementbyid('rulearea1'));

我想获得但由于错误而无法获得的输出是：

onRuleAreaChange(document.getElementById('ruleArea0'));
    onRuleAreaChange(document.getElementById('ruleArea1'));

正确答案

来自docs：

当您运行示例时，完整错误是：

html/template:test:30:18: {{range}} 分支在不同的上下文中结束：{statejs delimnone urlpartnone jsctxregexp attrnone elementscript }、{statejslinecmt delimnone urlpartnone jsctxregexp attrnone elementscript }zqbendczq

所以上面提到的不同上下文是 statejs 和 statejslinecmt；该错误是因为如果 range 输出某些内容，则上下文是“javascript”，否则它是“javascript 行注释”（即上面注释的延续）。不确定这是否真的能很好地解释它，但幸运的是，它很容易解决：

// now initialise all the rows
/* onruleareachange(document.getelementbyid('rulearea0')); */
{{- range $i,$v  := .}}
onruleareachange(document.getelementbyid('rulearea{{$i}}'));
{{- end}}

将按预期工作 playground，以下 playground 也将按预期工作：

// Now initialise all the rows
// onRuleAreaChange(document.getElementById('ruleArea0')); 
{{- range $i,$v  := .}}
onRuleAreaChange(document.getElementById('ruleArea{{$i}}'));
{{else}}
;
{{- end}}

本篇关于《Go 1.19 模板执行错误：range 指令在不同的上下文中结束：额外的 javascript 行导致错误》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于Golang的相关知识，请关注golang学习网公众号！