将空字符串返回到ES6模板字符串

Question

我正在做以下事情：

return this.innerHTML = `
  <input 
        value = ${this.value ? this.value : ''}
        placeholder=${this.placeholder}
  ></input>
`

现在的问题是，如果this.value未定义，未定义为字符串设置为输入值，这就是我尝试将空字符串返回到输入值属性的原因。这不起作用，然后我将placeholder=${this.placeholder}作为字符串输入值属性。

我现在用谷歌搜索了一段时间，无法找到答案，这有可能吗？

非常感谢帮助。

Answer 1

您没有将值和占位符括在双引号中。

return this.innerHTML = `
  <input 
        value = "${this.value ? this.value : ''}"
        placeholder="${this.placeholder}"
  ></input>
`