在Jade/Pug中应用属性的嵌套对象

Question

有没有办法将数据/咏叹调属性的对象传递给元素？

我已经试过：

div(data={foo:'bar'}) 

div(data={foo='bar'}) 

div&attributes({aria:{foo:'bar'}}) 

但是，这些输出所需的属性记号。第一个和第三个将基本数据/咏叹调属性中的对象字面量。第二个是语法错误。

，我能找到工作的唯一途径是：

div(data-foo='bar') 

div&attributes({'aria-foo':'bar'}) 

Answer 1

通过领先的新线，负-你能写常规的JavaScript在JADE/PUG。这给你一个强大的武器来解决几乎所有的问题。

只需抓住像var attributes = {'foo':'bar', 'bar':'foo'}这样的常规对象，并在每个循环中用你想要的前缀扩展它的键。

这里是一个工作钢笔http://codepen.io/pure180/pen/kXwqdA和 这可能是你的代码：

- var attributes = {'foo':'bar', 'bar':'baz'} 
- var ariaAttributes = {} 
- for (attr in attributes) { 
-  var key = 'aria-' + attr 
-  ariaAttributes[key] = attributes[attr] 
- } 

div&attributes(ariaAttributes) Test 

您也可以使用它作为一个全球性的mixin，这里是笔http://codepen.io/pure180/pen/KrqYpB，它可以看起来那么像这样：

mixin setAriaAttr(object) 
    - var attributes = object 
    - var ariaAttributes = {} 
    - for (attr in attributes) { 
    -  var key = 'aria-' + attr 
    -  ariaAttributes[key] = attributes[attr] 
    - } 

    div&attributes(ariaAttributes) Test 

- var aria = {'foo':'bar', 'bar':'baz'} 
+setAriaAttr(aria)