gpt4 book ai didi

html - Jade 插值在属性中不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 02:14:46 24 4
gpt4 key购买 nike

它在其他地方都有效......我真的不知道如何推理这一点。

下面的代码确实插入了checkedValue,但由于checkedValue 周围有“”,因此它使该框保持选中状态。但我无法删除引号,否则它将不起作用。

extends layout

block content
h1.headLine= challenge.title
p Difficulty: #{challenge.difficulty} #{checkedValue} Points: #{challenge.points} //checkedValue interpolates to true or false
p= challenge.description
form(action="/submitChallenge" method="post")
label(for="challenge1") Mark as Solved!
input( type="checkbox" id="challenge" checked="#{checkedValue}" name="challenge" value="#{challenge._id}" )
p #{checkedValue} //interpolates here too, without any " "
button(type="submit") Submit

以下代码仅保留 #{checkedValue} 不变,不进行任何插值。所以..这也不起作用,即使 #{challenge._id} 工作得很好!:

input( type="checkbox" id="challenge" "#{checkedValue}" name="challenge" value="#{challenge._id}" )

我也尝试过删除引号。

似乎没有什么效果。目前该变量是一个 bool 值,但如果我无法对其进行插值也没关系!

我考虑过将其设置为“选中”或“”表示未选中,但是......我仍然需要对其进行插值。

最佳答案

在 Jade 中,checked 属性应使用 bool 值,而不是作为字符串进行插值。还要确保您在模板中的某个位置设置了 doctype html

doctype html
input(type="checkbox" id="challenge" checked=!!checkedValue name="challenge" value="#{challenge._id}")

使用以下数据和 false 值(0undefinednullfalse)

{
challenge: { _id: 1432513 },
checkedValue: false
}

会回来

<!DOCTYPE html>
<input type="checkbox" id="challenge" name="challenge" value="1432513">

还有一个真实值

checkedValue: true

会回来

<input type="checkbox" id="challenge" checked name="challenge" value="1432513">

请参阅 bool 属性部分 in the Jade documentation并尝试 online demo 中的上述值.

关于html - Jade 插值在属性中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36232739/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com