Маршрутизация ведет к исходной странице

Question

Я занимаюсь разработкой веб-приложения с использованием Angular 6. Я использую библиотеку начальной загрузки bootstrap-select (https://developer.snapappointments.com/bootstrap-select/) для создания полей со списком (которые позволяют выполнять функции поиска). У меня естьэта проблема:

Мое приложение состоит из нескольких страниц (созданных благодаря угловому механизму маршрутизации ); этот код работает правильно:

<select class="form-control selectpicker" data-width="250px" data-live-search="true" 
        title="Select the right value" data-size="10">
    <option value="a">Value 1</option>
    <option value="b">Value 2</option>
    <option value="c">Value 3</option>
</select>

и <select> отображается графически (путь: http://localhost:4200/page1):

к сожалению, если я пойду куда-нибудь еще (в какой-то другой логический путьмое заявление, например: http://localhost:4200/page2), а затем вернуться на страницу, где я был раньше (http://localhost:4200/page1), <select> исчезнет !!

I 'Я уверен, что проблема исходит из библиотеки, то есть class="form-control selectpicker" (без этой команды поведение правильное), но я не понимаю, почему это происходит и как я могу решить эту проблему! Спасибо.

Answer 1

Для меня это сработало

 ngAfterViewInit(){
  setTimeout(() => {
    $('.selectpicker').selectpicker();      
  },100);
 }