在 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
请提供解决此问题的建议。
最佳答案
您已在 <div>
中声明了您的模板元素。这不是一个好主意!您应该使用脚本元素。
<script id="template" type="text/x-jsrender">...
参见http://www.jsviews.com/#compiletmpl .
模板标记不一定是有效的 HTML,因此将其放入 HTML <div>
或类似的情况可能会导致浏览器对其进行修改。在您的情况下,浏览器正在转义 & 符号:{{if orderValue === 0 && orderValue1 === 1}}
- 因此它不再是有效的模板。
此外,您使用的 JsRender 版本是第一个测试版。从那时起,已经进行了许多修复和改进。使用最新版本会好得多,例如 https://cdnjs.com/libraries/jsrender 。 (参见http://www.jsviews.com/#download)
关于javascript - jsrender中的AND运算,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48398981/