在Jade / Pug中创建动态类

Question

我正在尝试将动态类添加到jade模板中。像这样：

students= [{'student_name': 'name1', 
          'regNO': '12',
          },{'student_name': 'name2', 
          'regNO': '13',
          },{'student_name': 'name3', 
          'regNO': '14',
          }
         ]
res_dict = {}
res_list = []

    for student in students:
        res_dict['name']=student['student_name']
        res_list.append(res_dict.copy())

print(res_list)

但编译器对此不以为然：

- var obj = {a: 1, b: 2, c: 3};
- var len = Object.keys(obj).length;

.abc-#{len}

我已经尝试了我能想到的一切。被淘汰https://pugjs.org/language/interpolation.html。真的可以用手了。

感谢。

Answer 1

你可以这样做：

div(class="abc-"+len)

属性会自动中断，更多关于attributes

Answer 2

您也可以使用JavaScript。例如

div(class=`static_${dynamic_variable}` 

以您的情况

div(class=`abc-${len}`)

玩得开心。