javascript - jsrender中的AND运算

标签 javascript jquery html jsrender

在 JS Render 模板中使用 AND(&&) 运算符,会引发异常。但 OR(||) 运算符工作正常。

<svg width="100" height="100"  style="margin-top:-50px">
{{if orderValue === 0 && orderValue1 === 1}}
<circle cx="30" cy="30" r="20" fill="orange"></circle>
{{else}}
<circle cx="30" cy="30" r="20" fill="red"></circle>
{{/if}}
</svg>

演示链接:https://jsplayground.syncfusion.com/zpv4v5f1

错误详细信息 enter image description here

请提供解决此问题的建议。

最佳答案

您已在 <div> 中声明了您的模板元素。这不是一个好主意!您应该使用脚本元素。

<script id="template" type="text/x-jsrender">...

参见http://www.jsviews.com/#compiletmpl .

模板标记不一定是有效的 HTML,因此将其放入 HTML <div>或类似的情况可能会导致浏览器对其进行修改。在您的情况下,浏览器正在转义 & 符号:{{if orderValue === 0 &amp;&amp; orderValue1 === 1}} - 因此它不再是有效的模板。

此外,您使用的 JsRender 版本是第一个测试版。从那时起,已经进行了许多修复和改进。使用最新版本会好得多,例如 https://cdnjs.com/libraries/jsrender 。 (参见http://www.jsviews.com/#download)

关于javascript - jsrender中的AND运算,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48398981/

相关文章:

jquery - 如何使用 jQuery 在单击时显示 div,隐藏其他 div?

html -::after 和::before 适用于哪些输入类型

javascript - 同时使用 Angular 1 和 Angular 2

javascript - 相对于表格行 (tr) 的绝对位置表格单元格 (td)

jquery - 扩展 jQuery Accordion

javascript - 如何纠正分页和侧边栏的对齐方式

html - 我不应该将 Bootstrap 表放在具有 Bootstrap 'row' 类的 DIV 中吗

javascript - 如何将 CSS 样式应用于 AJAX 调用后呈现的内容

javascript - 如何从电子邮件 ID 数组中提取名称数组

javascript - Jquery 移动选项卡未激活