Angular：路由问题（引导选择库）

Question

我正在使用Angular 6开发Web应用程序。我有一个问题：我正在使用引导程序库 bootstrap-select （https://developer.snapappointments.com/bootstrap-select/） 创建组合框（允许使用搜索功能）。我有这个问题：

我的应用程序由几个页面组成（这要归功于 Angular路由机制）；该代码似乎正常工作：

<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>消失了！！

我确定问题出在库中，即class="form-control selectpicker"（没有此命令，行为是正确的），但是我不明白为什么会发生这种情况以及如何解决该问题！谢谢。

Answer 1

这对我来说很有效

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