javascript - 在 DOM/pug 文件中调用函数、数组、对象或 JSON 对象?
问题描述
我想这是一个关于最佳模式的更普遍的问题。
我的用例是我有一个 pug 文件,我想在其中迭代并为每个实例使用一个 mixin。数组示例:
myScript.js
const myFunction() {
return ['first', 'second', 'third'];
}
page.pug
script(type="text/javascript" src="./myScript.js")
block content
each val, index in customArrayFromFunction
+myMixin(val)
// somehow the returned value from myFunction() in myScript,
// should be usable as customArrayFromFunction
你会把它附加到 DOM 窗口对象吗?( Source 1 )( Source 2 ) 这有点像污染全局范围,而不是污染窗口对象。
- 更新:Pug 是使用 gulp 编译的。
解决方案
您尚未指定如何使用 pug,但pug 文档显示已编译的模板作为 JavaScript 函数返回。从那里,您可以调用已编译的函数,传入一个带有您尝试访问的值的数据对象。
推荐阅读
- android - 安卓,领域。如何查询所有未附加到所有者的对象?
- apache - 如何在不手动重启的情况下解决生产中的 apache 关闭问题
- sql - 使用没有YARN的hive查询sql
- office-js - 为 Excel 和 Presentation Addin 重用 Office Word Web 插件项目代码
- c# - 在编译时加密相关的文本文件
- sql - REGEXP - 匹配前面子表达式的零次或多次出现
- javascript - 从当前单击按钮的值 jquery/js 在输入占位符中插入文本
- r - R ReporteRs:将规则表对象添加到 pptx 演示文稿
- ios - 当我从视图返回时,标签栏不显示
- python - FloatField __init__ 得到了一个意外的关键字参数“max_value”