Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态html属性的字符串插值_Javascript_Typescript_Ecmascript 6 - Fatal编程技术网

Javascript 动态html属性的字符串插值

Javascript 动态html属性的字符串插值,javascript,typescript,ecmascript-6,Javascript,Typescript,Ecmascript 6,是否可以对以下内容使用字符串插值(请注意动态属性) document.body.innerHTML+= 您应该使用反勾号来定义具有字符串插入的字符串:`` 像这样: console.log(`1 and 1 make ${1 + 1}`); console.log(`1 and 1 make ${1 + 1}`); 这是来自: 另一个常见的用例是当您想要生成一些字符串输出时 一些静态字符串+一些变量。为此,你需要一些 模板化逻辑,这就是模板字符串的名称 从…起下面是可能生成html字符串的方

是否可以对以下内容使用字符串插值(请注意动态属性)

document.body.innerHTML+=

您应该使用反勾号来定义具有字符串插入的字符串:``

像这样:

console.log(`1 and 1 make ${1 + 1}`);
console.log(`1 and 1 make ${1 + 1}`);
这是来自:

另一个常见的用例是当您想要生成一些字符串输出时 一些静态字符串+一些变量。为此,你需要一些 模板化逻辑,这就是模板字符串的名称 从…起下面是可能生成html字符串的方法 以前:

document.body.innerHTML+=`;

您忘记了倒勾

这目前不起作用

我有一个这样的字符串,行的数据属性依赖于它来实现某些功能

`<tr class="row ${rowHiddenClass}" data-someId="${this.someId}">
  <td class="cell">${this.Notes}</td>
  <td class="cell amount">$${this.Amount}</td>
</tr>`
<tr class="row $" data-someId="$">
  <td class="cell">A nice note</td>
  <td class="cell amount">$4.00</td>
</tr>
`
${this.Notes}
$${this.Amount}
`
它在属性字符串中这样输出,这破坏了该功能

`<tr class="row ${rowHiddenClass}" data-someId="${this.someId}">
  <td class="cell">${this.Notes}</td>
  <td class="cell amount">$${this.Amount}</td>
</tr>`
<tr class="row $" data-someId="$">
  <td class="cell">A nice note</td>
  <td class="cell amount">$4.00</td>
</tr>

好字条
$4.00
目前我们可能需要进行一些连接。
我还不确定更干净、更简单的解决方案是什么

这很有效

`<tr class="row ` + rowHiddenClass + `" data-someId="` + this.someId + `">
  <!-- ... -->
</tr>`
`
`

谢谢…我拥有的动态属性是什么?@testndtv你能提供更新属性的代码吗?我的意思是这些是脚本中设置的JS对象…所以var myObj.Url='xyz.com'@testndtv可以用javascript或jquery再次设置它们,请提供你的javascript代码
<tr class="row $" data-someId="$">
  <td class="cell">A nice note</td>
  <td class="cell amount">$4.00</td>
</tr>
`<tr class="row ` + rowHiddenClass + `" data-someId="` + this.someId + `">
  <!-- ... -->
</tr>`