问题标签 [template-strings]

我想知道是否可以通过模板字符串表示法将函数绑定到 html 模板。

所以如果我这样做

它工作得很好，但这

不将该函数绑定到单击事件。我在这里错过了什么吗？

背景：我正在使用 LeafletJs 并在地图上动态创建标记，其弹出框应包含按钮：

如何使用 python 模板字符串格式化货币？我的目标是生成以下字符串：

我尝试了以下方法：

当我在玩 XSS 挑战时，我在 Javascript 中使用模板字符串（``而不是括号）创建 Function 对象时遇到了奇怪的行为。

据我了解，调用时

它本质上是一样的

如此处所述。我测试了许多案例，并且在任何地方都以这种方式工作 - 除了使用模板字符串创建 Function 对象时。

执行以下代码时：

Object 类的实例是在其构造函数主体中使用 alert(1) 函数创建的，因此它会立即执行。

如果我理解正确，它的执行方式应该与

并且应该在正文中返回带有 alert(1) 的 Function 对象，以便它可以像这样调用

这种不一致来自哪里，或者在创建对象时模板字符串的处理方式不同？

我看到标签可以这样使用，出于“安全”原因，您可能需要它，无论如何，这是我得到的示例：

但是“标记”一些字符串有什么意义，你甚至不需要它来获得这个例子的结果，一个简单的函数就可以完成这项工作，你能给我另一个例子和一些解释吗？

我在下面的代码段中有这个

这会引发错误“结果”未定义。我应该如何使用 Template String 将结果对象传递给函数？

还想问一下是用window。是个好办法吗？

帮助将不胜感激

在 JavaScript 中，可以通过对象解构来分配变量，如下所示：

有时需要访问的属性不是有效的变量名，在这种情况下，可以传递一个替代标识符：

这适用于单引号字符串和双引号字符串。但是，尝试对模板字符串执行完全相同的操作时会引发错误：

为什么在这里使用模板字符串会导致错误，而其他字符串不会？我知道模板字符串可以预先定义为一个变量，然后使用计算属性括号传递，但我只是好奇上述代码不起作用的原因是什么。

这完全是关于拥有翻译文本字符串并在 JSX 中实现它们。

假设我有两个字符串。一个用于英语，另一个用于西班牙语，如下所示：

英语

西班牙语

当我处于英语模式时，字符串当然会作为第一个示例。

我正在尝试用这样的组件替换 [/replace] 中的 [replace] 单词。

输出是：这只是一个字符串，里面有一些 [object Object] 链接

这个工作正常，只使用普通的 html 标签

输出是：这只是一个字符串，里面有一些奇怪的链接

我还尝试了以下方法：

输出是：this is just a string with some weird link inside

但是“奇怪”这个词应该是一个链接元素，而不是......

顺便说一句，该组件只是 gatsby 的一个组件，它允许您使用路由导航（当前使用到达路由器）。

有没有办法在模板字符串中进行条件处理？

例如：

如果 y 未定义，我不希望在 x 之后输出模板字符串中的空格。我将如何使用模板字符串实现这一点？

这是唯一的方法吗？

我在 JS 中有以下模板字符串：

背景图像是一种内联样式，文件路径名data.imageName在运行时被加载。

图像在 DEV 中加载，如果我在本地打开 PROD 环境，图像就在那里，但是当我将其推送到 Github 页面时，图像是错误 404。我已经等待，因为我知道有时可能需要一些时间才能上传到 GitHub 页面但仍然没有什么。

图片文件夹在与 index.html 相同的根目录中称为“图片”

如何让 Webpack 加载这些图像？我已经尝试过文件加载器、url-loader 并且我配置错误或者应该使用其他东西？谢谢

Webpack 配置开发：

Webpack 产品配置：

在我的 Vue.js 模板中，我有一个模板字符串来计算总量。我使用 .toFixed() 方法来显示小数。小数点应以上标显示。

如何在下面的模板字符串的 .toFixed(2) 部分上标？

因此总金额应显示为例如 180. ⁵⁰而不是 180.50。

更新：感谢您让我知道 .sup() 已弃用。如何在没有弃用方法的情况下实现模板字符串中的上标？我已经改写了这个问题。