是“条件渲染”吗？可以用纯JS吗？

Question

我使用纯 JS 指令进行渲染：

http://beebole.com/pure/documentation /rendering-with-directives/

如果模板中的节点丢失，纯 JS 的默认行为是崩溃，因为：

模板中未找到节点“XXX”

此默认行为是完全可以理解的，因为它确保模板中不存在不一致。但在相同的情况下，人们希望跳过失败的分配并继续其余的分配（可能记录错误），以避免整个渲染因单个错误/拼写错误而失败。

有什么方法可以用纯 JS 获得这种行为吗？我可以告诉 Pure JS 仅渲染一个元素“如果它存在”吗？

Answer 1

不幸的是，当前稳定版本的Pure JS（修订版：2.79）不允许渲染一个元素“如果存在”？

以下纯代码片段显示了如何引发错误：

if(selector === '.' || ( !selector && attr ) ){
    target[0] = dom;
}else{
    target = plugins.find(dom, selector);
}
if(!target || target.length === 0){
    return error('The node "' + sel + '" was not found in the template:\n' + outerHTML(dom).replace(/\t/g,'  '));
}

正如您所看到的，如果尚未找到 target （通过 jQuery、dojo 等库之一），则会抛出上述错误。

---

我在这种情况下使用的解决方法如下：

• 我将模板与所有可能的元素一起使用，以便 Pure 不会抛出错误
• 使用 CSS 类隐藏某些元素（例如显示错误消息等）
• 我使用 Pure 和 JavaScript 函数更改 CSS 类根据输入数据隐藏/显示元素的指令。