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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在Jade / Pug中应用属性的嵌套对象，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1196字，纯文字阅读大概需要2分钟。

内容图文

有没有办法将data / aria属性的对象传递给元素？

我试过了：

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

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

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

但是这些都没有输出所需的属性表示法.第一个和第三个位置是基础数据/ aria属性中的对象文字.第二个是语法错误.

我能找到这项工作的唯一方法是：

div(data-foo='bar')

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

解决方法:

通过引导带有减号的新行 – 您可以在JADE / PUG中编写常规JavaScript.这为您提供了解决几乎所有问题的强大武器.

只需抓住一个常规对象,如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

您也可以将它用作全球混音,这是Pen 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)

内容总结

以上是互联网集市为您收集整理的javascript – 在Jade / Pug中应用属性的嵌套对象全部内容，希望文章能够帮你解决javascript – 在Jade / Pug中应用属性的嵌套对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端