使用javascript操纵数组并通过Handlebars显示它

时间:2016-07-19 04:47:36

标签: javascript arrays json handlebars.js

我想处理一个只包含字符串的数据数组,可以使用js / jq轻松操作(比如添加/修改字符串值)并通过把手显示。 这个数组可以是任何格式的js数组或JSON数据(最适合把手的那个) 我应该使用什么类型的数组,我应该如何实现它? 感谢

我的数据将采用以下格式:

"flightno": "F10001",
"origin": "Sydney",
"destination": "Delhi"

所以例如:flightno根据用户通过html表单选择的内容而改变,然后这个flightno通过把手表达式显示在html页面上。

1 个答案:

答案 0 :(得分:0)

您可以使用简单的JSON。在更改原点或目标时,设置json数据并编译车把模板。然后将html附加到元素。

说你的json看起来像这样

var data = {
  "flightno": "F10001",
  "origin": "Sydney",
  "destination": "Delhi"
};

说你的DOM看起来像这样

<div>
  <select name="origin" id="origin">
    <option>1</option>
    <option>2</option>
  </select>
  <select name="destination" id="destination">
    <option>1</option>
    <option>2</option>
  </select>
  <div class="flightno"></div>
</div>

您的flightno手柄模板将是

template = Handlebars.compile('<div class="someclass">{{flightno}}</div>');
$('#flightno').html(template(data));