使用基于 javascript 变量值的把手显示数据

Question

我有一个车把数据结构是这种形式

    var data = [{
    "flightno": "F10001",
    "dept_time": "2100",
    "travel_time": "13.05",
    "origin": "Sydney",
    "destination": "Delhi",
    "infant": "No",
    "recliner": "No",
    "Premium": "1",
    "Economy": "2",
    "Business": "3"
}];

我正在通过表单将起点和终点输入 javascript 变量。现在我需要显示 handlebars 数组中的数据，其中包含与那些 js 变量对应的值。

为了进一步阐明我是否有 2 个分别具有起点值和终点值的 js 变量，我需要在数据数组中搜索这些起点和终点，然后使用每个助手显示所有属性。

{{#each this}}
<tr>
<td><input type="radio" name="chosenflight" value="{{flightno}}"></td>
<td>{{flightno}}</td>
<td>{{dept_time}}</td>
<td>{{formatTravelTime travel_time}}</td>
<td>{{Premium}}</td>
<td>{{Economy}}</td>
<td>{{Business}}</td>
</tr>
{{/each}}

Answer 1

如果我对问题的理解正确，您需要在将数组传递给车把之前对其进行过滤。您可以使用 javascript Like

 var origin = "Sydney";
 var dest = "Delhi";

 var modData = data.filter(function(obj) {
     return obj.origin.toLowerCase() === origin.toLowerCase() && obj.destination.toLowerCase() === dest.toLowerCase();
 });

 console.log(modData);

使用基于 javascript 变量值的把手显示数据

Displaying data using handlebars based on javascript variable values

javascript

variables

handlebars.js

handlebarshelper