node.js - jade 中按钮的自定义属性

标签 node.js pug

嗨,我正在尝试使用node.js 和jade 编写网页。我正在尝试向按钮添加自定义属性,就像在 HTML 中一样:

<input type = "button" specialID = someSpecialID, onclick="doSomething(specialID);">

其中 someSpecialID 是 Node 服务器传递到模板的值。我试过:

input(type = "button", specialID = someSpecialID, onclick = "doSomething(specialID);")

和:

input(type = "button", onclick = "doSomething(specialID);")
     specialID = someSpecialID

但自定义属性似乎不带。我不断收到特殊 ID 未定义的错误。

我对node.js和jade还有些陌生,所以如果这是一个微不足道的问题,我很抱歉。我非常感谢对此的任何帮助。

最佳答案

我不确定我是否准确理解执行上下文,someSpecialID 是作为本地传递的 javascript 对象吗?或者只是一些占位符,在你的真实代码中就像specialID=5? (编辑:好的,我错过了你所说的作为值传递的行,所以我猜你的情况是前者)

如果是前者,您可以使用插值(在引号之间,因为我认为 Jade 需要引号,即:specialID="#{someSpecialID}")

如果是后者,类似这样的内容将正确呈现:

input(type="button", specialID="someSpecialID", onclick="doSomething(specialID);")

您应该考虑使用 data-special-id 属性而不是 specialID(自定义属性在 HTML5 中使用 data- 前缀进行“标准化”)。

关于node.js - jade 中按钮的自定义属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9177355/

相关文章:

html - 无法在导航栏中看到标签文本

html - node.js jade 如何使用样式来限制文本行的长度

node.js - 我可以使用 Express 更轻松地呈现/重定向到我的网站的移动版本吗?

node.js - 以编程方式将目录中的所有 javascript 文件作为脚本插入 Jade 中

node.js - 在路由中访问 app.js 变量但没有全局 express

node.js - AWS Lambda 上的 Nestjs(无服务器框架)|如何访问事件参数?

javascript - req.session.passport.user 未定义

javascript - 是否可以使用 angularJs 将参数从一个状态传递到另一个状态?

node.js - Typescript/Node.js - 如何模拟集成测试的传递依赖?

node.js - 使用 npm 构建失败