Как получить большой набор данных из WordPress в <amp-state> на страницах AMP - PullRequest
0 голосов
/ 08 апреля 2019

Мне нужно создать страницу 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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...