使用 pug mixin 结果作为属性值

2024-01-07

这是我想要完成的任务的精简版本:

mixin foo(bar)
    = bar + ".html"

a(href= +foo("baz")) test

我希望将锚标记编译为<a href="baz.html">test</a>,但我得到的是类型错误,foo不是一个函数。虽然我确实看到它在技术上不是一个函数,但这不是 mixin 有用的场景吗?我在哈巴狗文档中搜索了与我类似的用例场景,但没有成功。

我想通过 mixins 实现的目标是可能的吗?或者这只能通过作为上下文变量传递的常规 JS 函数来实现?


我认为你想为此使用无缓冲的 Javascript。对于您的用例,代码将如下所示。

-
    function foo(bar) {
        return bar + ".html";
    }

a(href=foo("baz")) test

这将产生以下 HTML:

<a href="baz.html">test</a>

解释

无缓冲的 Javascript 是模板逻辑,不会在最终结果中发出。无缓冲的 Javascript 用破折号注释(-)。多行无缓冲 Javascript 由带有单个制表符缩进的破折号定义。

单线

-var foo = "bar"; 

多线

-
    function randomNumber() {
        return 4;
    }

文档:https://pugjs.org/language/code.html https://pugjs.org/language/code.html

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 pug mixin 结果作为属性值 的相关文章

  • Jade Templates - 动态调用 Mixin

    如何使用 json 中的字符串输入 Jade 模板来动态加载 mixin 下面 目标是twoColumn jade加载foo and bar mixins 两列 jade mixin twoColumns obj container flu
  • 使用 Nodejs 和 pug 进行客户端模板化

    我正在构建一个网络应用程序 它在客户端构建了动态小部件 目前我使用nodejs和pug作为我的服务器端模板库 我喜欢pug的简单性 我希望在服务器上有一系列小的 pug 文件 客户端可以将其用作构建块来构造用户所需的小部件 我尝试使用此处找
  • 使用 Gulpjs 编译客户端 Jade 模板

    我正在尝试将所有 jade 模板编译成一个 js 文件 我使用 Gulpjs 和 gulp jade gulp concat 我可以获得单个文件 但问题是那里呈现的所有函数都具有相同的名称 它们都称为 模板 foo jade fooDiv
  • Jquery 自动完成与 Jade/Pug

    我需要这个案例的帮助 即将在 Jade Pug 中实现 Jquery 自动完成 尽管现在显示错误 但自动完成的结果不会显示在表单中 Actual 没有错误 但输入时的数据未按预期显示 Expect 当我输入时 数据以 combine 形式显
  • Jade 模板每个循环都包含 jade 文件

    在jade模板引擎中 我可以执行每个循环来包含文件吗 例如 each val in file1 file2 file3 include val 您正在尝试通过循环动态包含文件 不支持动态包含 来自 Github 上的 Jade 问题部分 h
  • 如何在Javascript中使用jade Mixin?

    在翡翠中 我正在做测试混合 mixin test testName test span Test String 但我想在javascript中使用它 这是在jade文件中声明的 script type text javascript doc
  • 如何在 Node Express 中像静态 HTML 页面一样提供渲染的 Jade 页面?

    通常你会在这样的路径中渲染 Jade 页面 app get page function req res next res render page jade 但我想提供所有 Jade 页面 自动呈现 就像提供静态 HTML 一样 app us
  • VueJS 与 HAML/Jade/Pug 类似的模板

    我同时使用 Vue js 和HAML https www npmjs com package haml在我当前的项目中 模板由 HAML 解析 转换为 HTML 然后由 Vue 解析 例如 pagecontent nonscrolling
  • 如何将对象从 MongoDB 发送到 jade?

    我正在尝试使用客户端 JS 访问从 MongoDB 检索的对象 具体来说 我希望能够循环并使用对象内的数组 这是我的服务器端 JS 成功找到了results并将它们记录到终端 app get post id function req res
  • gulp通过markdown json用jade生成html文件

    我在用着gulp markdown to json and gulp jade 我的目标是从 markdown 文件中获取数据 如下所示 template index jade title Europa This is a test gra
  • 如何使用脚本。在 JADE 模板中

    我使用 JADE 模板使用 Express 框架创建了一个简单的节点应用程序 学习过程中一切都很顺利 直到我开始尝试运行一些客户端 js 但我不知道该怎么做 我需要在 app index js 中做一些事情来告诉节点它们吗 任何帮助将非常感
  • 玉服务器端传递的变量在浏览器中为空

    我有一个奇怪的问题 即传递给 jade 的变量在浏览器中为空 似乎传递的变量为空 但事实并非如此 Nodejs代码 整个路由代码 exports sensorsettings function req res if req session
  • 从扩展 pug/jade 模板将变量传递到基本布局

    我想通过在扩展基本布局的模板中声明变量来在 body 标记上设置一个类 当我尝试时 body class变量是undefined在布局中 看起来布局是在扩展模板之前执行的 或者它们是在不同的范围内执行的 还有别的办法吗 mixin 在这里可
  • Jade 模板引擎中的 IE 条件语句

    如何将以下 IE 条件语句转换为 JADE 语言 我已尝试以下操作 但它不起作用 if IE 8 html lang en class ie8 if IE 9 html lang en class ie9 if IE html lang e
  • 如何使用 node.js / mongodb 在 HTML 中显示任意、无模式数据

    我使用 mongodb 将应用程序错误日志存储为 json 文档 我希望能够将错误日志格式化为 HTML 而不是将纯 json 返回到浏览器 日志是完全无模式的 它们可以随时更改 因此尝试执行此操作 在 Jade 中 是没有用的 var i
  • Node.js Express 4.0 中的 res.render 回调参数的用途是什么?

    目的是什么res render回调参数 在什么情况下 由于模板已被指定为第一个参数 因此人们会想要使用这样的回调参数 这是文档中的代码 send the rendered view to the client res render inde
  • Jade 无法读取未定义的属性“长度”

    Why menuItems下面的代码中未定义 var menuItems Main Contacts About mixin showItems items ul each item in items li a href item exte
  • Jade(当前称为“Pug”)模板引擎中的循环

    我想使用一个简单的循环 例如for int i 0 i lt 10 i 如何在 Jade 引擎中使用它 我正在使用 Node js 并使用expressjs 框架 例如 for var i 0 i lt 10 i li array i 你可
  • 玉石压痕错误

    因此 对于我的 Express 网站 我使用 jade 所以我决定尝试修改我的布局文件 以便我可以开始设计我的网站 我修改了原始布局代码 有效 但我开始在任何扩展布局的文件中出现缩进错误 如下所示 500 Error home kevin
  • 在node.js中使用pug在表单“post”之后发送空的{}

    我正在尝试使用 fetch 和以下 pug 代码通过 post 将表单数据从登录页面传递到登录页面 form id form login input type text name email value placeholder Tu ema

随机推荐