動態HTML字符串插值屬性

Question

是否有可能使用字符串插值的下方（注意動態屬性）

document.body.innerHTML += <form id="digSigForm" action="${myObj.Url}" method="post"><input type="hidden" name="data" value="${myObj.someVal}"></form> 

Answer 1

你應該使用反引號來定義與字符串interpollat​​ion的字符串：``

像這樣：

console.log(`1 and 1 make ${1 + 1}`); 

這是從typescript documentation：

另一個常見的用例是當你想要生成一些字符串出來 一些靜態字符串+一些變量。爲此，您需要一些 模板邏輯，這就是模板字符串從中獲取其名稱 的地方。這裏是你如何將可能生成一個HTML字符串 以前：

var lyrics = 'Never gonna give you up'; 
var html = '<div>' + lyrics + '</div>'; 

與模板字符串

現在，你可以這樣做：

var lyrics = 'Never gonna give you up'; 
var html = `<div>${lyrics}</div>`; 

注意，插值內的任何佔位符（$ {和}）是 作爲一個JavaScript表達式處理和評估，例如你可以 做花式的數學。

console.log(`1 and 1 make ${1 + 1}`); 

Answer 2

document.body.innerHTML += `<form id="digSigForm" action="${myObj.Url}" method="post"><input type="hidden" name="data" value="${myObj.someVal}"></form>`; 

你忘了反引號