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>`