HBS模板中input的value属性无法显示空格后的完整字符串

问题出在没有给value属性的表达式添加引号。当HBS渲染模板时，value={{product.productName}}会被解析为value=Smart Phones，在HTML语法中，未加引号的属性值遇到空格会被截断，浏览器只会将第一个空格前的Smart识别为合法的value值，剩余的Phones会被当作无效的额外属性。

只需给value的表达式包裹双引号即可解决：

<input type="text" class="form-control" id="exampleInputEmail2"
       name="productName" value="{{product.productName}}">

渲染后HTML会变成value="Smart Phones"，浏览器就能正确识别完整的带空格字符串，输入框内会显示完整的Smart Phones。

内容的提问来源于stack exchange，提问作者robin me