Bootstrap Typeahead сохраняет ввод значений

Question

Я использую загрузочную библиотеку typeahead lib в своем приложении Angular.приложение содержит компонент поиска со входом, который используется для двух других компонентов, которые могут переключаться между собой.

Я использую эту логику для термина автозаполнения:

search = (text$: Observable<string>) =>
    text$.pipe(
        debounceTime(200),
        distinctUntilChanged(),
        map(term => term.length < 1 ? []
            : words.filter(v => v.toLowerCase().indexOf(term.toLowerCase()) > -1).slice(0, 10))
    )

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

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