Мне нужно создать страницу AMP, где у меня есть поле автозаполнения.Когда пользователь вводит текст, он должен отображать список доступных аэропортов.
Я пробовал этот пример:
https://ampbyexample.com/advanced/autosuggest_form/
И все в порядке, когда я статически настраиваю данные, ноМне нужно запросить эти данные из WordPress.Но мне нужно использовать атрибут [src] примерно так:
[src]='/airports_json.json'
Но это не работает.
<amp-state id="departure_list" [src]="<?php echo get_template_directory() . '/airports_json.json';?>">
<?php echo file_get_contents( $file_airports_json );?>
</amp-state>
<label>
Departure
<input [value]="departure"
on="input-debounced: AMP.setState({
filteredDeparture: event.value.length == 0 ?
[]:
departure_list.filter(departure =>
departure.toLowerCase().indexOf(event.value.toLowerCase()) >= 0
)
})">
</label>
<amp-selector on="select:AMP.setState({
departure: event.targetOption,
filteredDeparture: []
})"
keyboard-select-mode="focus">
<amp-list id="auto-suggest"
items="."
layout="fixed-height"
height="0"
[src]="filteredDeparture"
[height]="filteredDeparture.length * 34">
<template type="amp-mustache">
<div option="{{.}}">{{.}}</div>
</template>
</amp-list>
</amp-selector>
Я ожидал, что состояние усилителя будет заполняться большими данными изатрибут src, но на самом деле это не так.Также я попытался с данными JSON, используя WordPress REST API, например, этот
/wp-json/wp/v2/posts