pug - 如何避免具有多个属性的 Pug 标签?
问题描述
我正在学习哈巴狗,在这里阅读评论并稍微调整后,我得到了这个 Mixin:
mixin mainnav(i)
ul
li(class=(!--i) && "active")(class='home')
a(href="/") Home
plus other li's,
然后:
+mainnav(1)
要创建此 html:
<nav class="main-nav">
<ul>
<li class="active home"><a href="/">Home</a></li>
other li's...
它创建了我想要的,您可以'active'
通过更改+mainnav(x)来移动类,但是编译时会出现警告:
'You should not have pug tags with multiple attributes.'
有没有更清洁的方法来做到这一点?
(我在这里查看了解决方案- 并尝试了
li(class="home" && (!--i) && "active")
但只有“活动”被添加为一个类。)
解决方案
这应该可以正常工作:
li.home(class= (!--i) && "active")
推荐阅读
- python - 使用 xray SDK 时在 lamdbda 中出现“没有名为 jsonpickle 的模块”错误
- python - 我已经计算了 TF 和 IDF,但是如何获得 TF-IDF?
- c# - C# 复制和粘贴具有相关格式详细信息的代码
- python - 使用 opencv 或 pyplot 显示直方图
- c# - 在文本文件中按升序输出分数 C#
- java - 我如何告诉程序向对象添加新字段?
- google-cloud-platform - 在 Dataproc 集群上使用 Datalab 时,此连接不是安全问题
- angular - Angular 7和角度材料如何获取mat-select的选定选项文本而不是其值
- java - 获取 OnLongClickListener 的 X 和 Y 坐标
- angular - 从现有模块及其依赖项创建 NPM 包