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

Question

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

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

解决此问题的更简单方法是使用标准字符串插值语法。无需使用=和 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}