我想在一个模板文字中使用多个三元操作符创建多行文本.

const toolTipText = `${2 * 5 === 10 ? "The value is same" : ""}
  ${"a" === "b" ? "" : "Different letters"}`;

例如,在上面的代码中,我想在一行中使用The value is same,而在下一行中使用amp;Different letters.然而,他们都在同一条线上.我基本上是在try 根据条件在文本上添加行.

如何做到这一点呢?

推荐答案

try 在三元表达式中的The value is same之后添加\n(换行符的转义序列).这样,只有当需要显示两个不同的行时,才会显示新行:

const toolTipText = `${2 * 5 === 10 ? "The value is same\n" : ""}${"a" === "b" ? "" : "Different letters"}`;
console.log(toolTipText);

Javascript相关问答推荐

如何在非独立组件中使用独立组件?

如何避免使用ajax在Vue 3合成API中重定向

为什么JavaScript双边字符串文字插值不是二次的?

JS、C++和C#给出不同的Base 64 Guid编码结果

从PWA中的内部存储读取文件

模块与独立组件

Plotly热图:在矩形上zoom 后将zoom 区域居中

jQuery提交按钮重新加载页面,即使在WordPress中使用preventDefault()

Angular中计算信号和getter的区别

处理时间和字符串时MySQL表中显示的日期无效

VUE 3捕获错误并呈现另一个组件

使用Java脚本导入gltf场景并创建边界框

在Reaction中的handleSubmit按钮内,useSelector值仍然为空

与svg相反;S getPointAtLength(D)-我想要getLengthAtPoint(x,y)

在表单集中保存更改时删除';禁用';

在Odoo中如何以编程方式在POS中添加产品

Jexl to LowerCase()和Replace()

用另一个带有类名的div包装元素

Chart.js Hover线条在鼠标离开时不会消失

在执行console.log(new X())时记录一个字符串