javascript - 无法在 Handlebars 中指定多个属性

Question

我根本无法在任何类中指定多个属性。

如果我有一个键值对

{"class":"javascript handlebar-js"}

然后像这样使用它<div class={{class}}><div>

它只会吐出来<div class="javascript"><div>

当我想要的时候<div class="javascript handlebar-js"><div>

有时候上一节课有时候上多节课除了将所有类放在一个数组中并使用 with + each 语句遍历每个类并用不必要的数组占用我的对象之外，还有其他方法可以做到这一点吗？我不确定使用上述方法是否有效。

任何帮助将不胜感激

Answer 1

正如 Pointy 所说，将类定义括在单引号或双引号中。

基于此数据 ( {"className":"javascript handlebar-js"} )，

<div class="{{className}}"> </div>将产生 <div class="javascript handlebar-js"></div>

<div class={{className}}> </div>将产生 <div class="javascript" handlebar-js></div>

这两个结果在浏览器中的解释方式不同。