在哈巴狗模板上的li内使用强标签

Question

我正在尝试在哈巴狗模板上的li内使用强标签。我正在渲染此页面，并传递一个名为Exercise的对象：

ul
    li #[strong exercise.name]
    li=  exercise.name
    li= `${exercise.reps} reps`
    li= `${exercise.sets} sets`
    li= `${exercise.weight} kg`
    li= `Targeted muscle/area is: ${exercise.muscle}`

但是我得到以下结果：

exercise.name
Deadlift
8 reps
5 sets
80 kg
Targeted muscle/area is: Lower body

[当我在exercise.name上使用强项时，只会使字符串加粗。如果我使用“ li-”，则会出现（意外字符'＃'）错误。

没有使用段落标记或CSS类的任何方法吗？

Answer 1

您需要稍微更改代码语法。这是你想要的？如果没有，您能否更新您的问题并添加预期的HTML输出？

ul
    li
        strong `${exercise.name}`
    li exercise.name
    li `${exercise.reps} reps`
    li `${exercise.sets} sets`
    li `${exercise.weight} kg`
    li `Targeted muscle/area is: ${exercise.muscle}`

Answer 2

更简单的方法是使用标准string interpolation syntax。无需使用=和ES6模板字符串。

ul
  li #[strong #{exercise.name}]
  li #{exercise.name}
  li #{exercise.reps} reps
  li #{exercise.sets} sets
  li #{exercise.weight} kg
  li Targeted muscle/area is: #{exercise.muscle}