Amp html 如何在amphtml的过滤下拉列表中对结果进行排序?

Amp html 如何在amphtml的过滤下拉列表中对结果进行排序?,amp-html,Amp Html,我有一张机票预订表,上面有典型的“从”和“到”国家。以以下格式从JSON端点加载的国家列表: airportList": [ { "countryName": "Finland", "airportName": "Helsinki Vantaa", "airportCode": "HEL", "cityName": "Helsinki", "countryCode": "FI", "cityCode": "HEL" }, {...},

我有一张机票预订表,上面有典型的“从”和“到”国家。以以下格式从JSON端点加载的国家列表:

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 )) }})">