您如何使用 Jade 在迭代中使用条件？答案

【问题标题】：How do you use conditionals within iterations using Jade?您如何使用 Jade 在迭代中使用条件？
【发布时间】：2015-10-16 08:05:16
【问题描述】：

我正在尝试在迭代中定位 1 个元素

http://jade-lang.com/reference/iteration/

each category in categories
    .menu_category
        p= category.category_name

上面是 Jade，它遍历一个名为 categories 的对象。我对此很陌生，但我认为这意味着循环遍历对象。在此之前我使用的是 ejs，为了获得相同的结果，您将使用他们的 for 循环

 for(i=0;i<object.length;i++)

我相信这是一回事。对吧？

我正在尝试使用 categories 对象中的正确 category_name 将类添加到特定 div 的 div。

所以我正在考虑使用这样的东西：

 if(category.category_name === 'dog')
     // add another class to .menu_category, only to the div that holds 'dog'

Jade 说，为了我们的条件，它必须看起来像这样：

if user.description
    h2 Description
    p.description= user.description
else 
    h2 Description
    p.description.

http://jade-lang.com/reference/conditionals/

如何在包含条件匹配数据的 div 中添加另一个类？

迭代工作正常，但试图弄清楚迭代中的条件如何拟合让我发疯。特别是我遇到的所有缩进问题。我已经尝试了太多方法来向您展示这里。我不能完全理解这一点；如果你能帮我把这些点联系起来。

顺便说一句，我去翡翠的原因是因为我无法访问 app.locals。如果您对此有任何意见，那就太好了。

【问题讨论】：

标签： node.js express pug

【解决方案1】：

这可能是您正在寻找的。这将创建一个 div，其中一个特定类别具有两个类，另一个类别具有一个类

each category in categories    
    if(category.category_name === 'dog')
        .menu_category.dog_category
    else
        .menu_category
            << rest of your contents here>>

【讨论】：