Amp html 如何在amphtml的过滤下拉列表中对结果进行排序?
我有一张机票预订表,上面有典型的“从”和“到”国家。以以下格式从JSON端点加载的国家列表:Amp html 如何在amphtml的过滤下拉列表中对结果进行排序?,amp-html,Amp Html,我有一张机票预订表,上面有典型的“从”和“到”国家。以以下格式从JSON端点加载的国家列表: airportList": [ { "countryName": "Finland", "airportName": "Helsinki Vantaa", "airportCode": "HEL", "cityName": "Helsinki", "countryCode": "FI", "cityCode": "HEL" }, {...},
airportList": [
{
"countryName": "Finland",
"airportName": "Helsinki Vantaa",
"airportCode": "HEL",
"cityName": "Helsinki",
"countryCode": "FI",
"cityCode": "HEL"
},
{...},
{...}
]
例如,当我在From字段中输入“sin”时,我过滤JSON并在下拉列表中显示建议的值。JSON使用JSON中的几个键进行过滤,包括countryName、airportName、cityName和airportCode
是否有办法对显示结果的优先级进行排序?如果我搜索“sin”,我想在包含该词的机场名称列表之前先查看城市列表
我正在使用的当前筛选逻辑:
<input type="text" [value]="formValues.fromAirport" value=""
on="input-debounced:AMP.setState({location:{sourceItems:airports.airportList.filter(x=> (!event.value
|| x.cityName.toLowerCase().indexOf((event.value||'').toLowerCase()) > -1
|| x.airportName.toLowerCase().indexOf((event.value||'').toLowerCase()) > -1
|| x.countryName.toLowerCase().indexOf((event.value||'').toLowerCase()) > -1
|| x.airportCode.toLowerCase().indexOf((event.value||'').toLowerCase()) > -1 )) }})">