Angular2 Search Dynamic Results

Question

Я пытаюсь реализовать поиск в Angular2.

Мы хотим иметь поиск, который пойдет и получит результаты службы отдыха. Мы хотим реализовать его динамически, поэтому, когда пользователь вводит более 5 символов, он должен выполнять поиск.

Существует несколько примеров (пример героя из сайта Angular2), и мы можем достичь этого. Но единственная проблема заключается в том, что кнопка «Назад» не работает.

Мы не можем сделать предварительную выборку из-за размера.

Итак, мы реализовали с помощью маршрутизатора и кнопки поиска. Поэтому, когда мы нажимаем кнопку поиска, мы выполняем поиск и передаем как необязательные параметры URL, и получаем результаты из параметров. Это тоже работает.

Но я действительно не знаю, как реализовать поиск с помощью динамической выборки без кнопки поиска. Мы также хотим, чтобы кнопка «Назад» работала.

Как мы можем реализовать это?

Answer 1

Но я действительно не знаю, как реализовать поиск с помощью динамической выборки без кнопки поиска.

Есть несколько примеров в Интернете для этого, но, как правило, поиск, который поражает апи идет вдоль линий что-то вроде этого:

//in HTML 
<input id="searchInput" type="text"/> 
{{search$ | async}} 

//in component 
let searchInput = document.querySelector('#searchInput'); 

    let search$ = Observable.fromEvent(searchInput, 'input') // create observable from input events 
          .debounceTime(500) // wait 500 milliseconds 
          .map(e => e.target.value) // extract the input value 
          .switchMap(value => http.get('url?search=' + value)); //switch to another obs and return it, in Angular would be the http call