javascript - JQuery 模板文本中的空格为元素创建新属性

Question

我正在尝试通过 Jquery 填充 datalist，但是，名字和姓氏之间的空格导致仅使用名字，而将姓氏作为另一个属性插入。

JQuery:

  function FillNamesDataList(names)
  {
    $("#datalistTemplate").tmpl(names).appendTo("#colleagueNames");
  }

模板:

<script id="datalistTemplate" type="text/x-jquery-tmpl">
<option value=${name}></option>
</script>

如果我创建一个Why This的字符串数组，我会在 HTML 中得到以下内容:

如何解决这个问题？

Answer 1

尝试将您的值附加在双引号中:

<option value="${name}"></option>