问题标签 [template-literals]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
59 浏览

javascript - 模板文字 如何制定?通用规则?

我是编码新手,但我在使用 css 变量的项目中使用模板文字。此示例在函数内一次性设置所有变量。这是指输入都具有事件侦听器。

我想为跨度设置另一个规则以显示值。现在我正在像这样单独做每一个。

所有跨度的 id 都将是“this.name + 'Display'” 我想纠正一个使用文字一次设置它们的规则(类似于设置变量的规则),而不是编写 30 行代码。

我无法弄清楚在那里添加 Display 的语法,我不知道在哪里放置反勾号。

我认为这是可能的,因为 Javascript 中的几乎所有内容都是。谢谢你的时间。

0 投票
0 回答
25 浏览

javascript - angular 1, ui-router 1 执行两个

如果页面是“production.contact.create”,此代码允许我执行 $ 转换

我想在两个页面中运行此代码,“production.contact.create”和“production.contact.detail”,类似这样的东西:

有解决办法吗?以模板文字为例

0 投票
2 回答
890 浏览

javascript - 在 mailto 中使用 es6 模板文字:字符串未按预期工作

我正在我的 Typescript 驱动的 Angular 2 应用程序中生成一封包含一些预填充信息的电子邮件。这将使用用户的默认电子邮件客户端生成电子邮件。目前,当我在组件中构建这样的字符串时,这有效:

我在视图的 href 中使用它。我的相关视图代码如下所示:

但是,当我尝试使用 es6/ecma2015 模板文字时,电子邮件仍会通过我的默认电子邮件客户端按预期生成,但电子邮件的各个字段(即电子邮件地址、主题、正文)显示为“未定义”。这就是我正在尝试的:

是否有特殊原因导致模板文字选项在这种情况下不起作用,或者为什么这些字段在运行时未定义?还是有其他问题?

0 投票
3 回答
14594 浏览

javascript - 使用模板文字的 Javascript ES6 console.log 对象

我有想要在控制台中显示的简单对象

如果我输入:

对象 { 名称:“约翰”,年龄:22 }

如果我输入:

我的对象是:[对象对象]

我的对象是:对象 { 名称:“约翰”,年龄:22 }

如何使用模板文字来实现这一点?

如果我输入:

我的对象是:[对象对象]

0 投票
1 回答
3184 浏览

javascript - 自动将字符串连接转换为模板文字

我有一个代码库,其中包含许多通过字符串连接构建的字符串。是否有用模板替换所有字符串连接实例的自动化方法?例如:

基于脚本的解决方案会很棒。一个编辑器插件会更好。(我正在使用 Visual Studio 代码。)

0 投票
4 回答
29196 浏览

javascript - 使用 map() 的意外逗号

我有一个包含元素列表的数组,我正在尝试使用模板字符串将此列表附加到 HTML 元素:

结果,我在每个列表元素之间得到了一个意外的逗号。(您可以在运行上面的代码片段时看到这一点。)

我怎样才能避免这种情况?

0 投票
1 回答
2083 浏览

javascript - 使用模板文字在 javascript 中构建多行字符串

我正在尝试使用模板文字构建具有多个查询参数的 URL。

为了便于阅读,我将每个查询参数放在单独的行上。它看起来像下面的例子,只有更长的时间。

我的问题涉及制作一个具有最终值的多行文字字符串,每个参数之间没有换行符 (\n) 字符。模板文字可以做到这一点,还是我应该以旧方式连接字符串?

0 投票
1 回答
562 浏览

javascript - Internationalization of text that is formed by concatenating variables with constant strings

Different languages structure sentences differently. In english we say White house, while other languages use a different structure where the noun is first, and the adjective second.

When I am creating a string I concatenate a color variable with a string constant using template literals.

The adjective is alway before the noun.

If it was just a constant string White house the translation would be straight forward in the lang.json file. How do you accurately translate a string where it is composed of variables in a specific order; or in a set spot in the string, due to other languages structuring their sentences in a different order?

0 投票
2 回答
158 浏览

ecmascript-6 - 理解 ES6 标记模板字面量

以下代码片段用于 Mozilla ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals ) 来解释Tagged Template literal,请帮助我了解以下函数在做什么,我无法得到该功能的实际流程,因为他们已经使用keys.foreach并且当我在 Chrome 中检查时,键是一个功能,所以无法理解

0 投票
3 回答
4492 浏览

javascript - 没有换行符的多行模板字符串?

我有这行代码:

问题是我必须将它放在我的 IDE 中的多行上,以使其适合(我使用 100 列)。当我将模板字符串放在多行时,模板字符串将其解释为换行符,这不是我想要的。

所以我的问题是 - 如何在不使用换行符记录的情况下拥有多行模板字符串代码?