Angular 6：bootstrap-select无法正常工作

Question

我正在使用Angular 6开发Web应用程序。我有一个问题： 我正在使用引导程序库 bootsrap-select （https://developer.snapappointments.com/bootstrap-select/）创建行为类似于元素的自定义输入组件（ 例如，我需要进行实时研究。 我在 angular.json 中输入了正确的依赖项：

"scripts": [ 
              "./node_modules/path-to-files/bootstrap-select/js/bootstrap-select.js"
           ]

问题是，如果我插入简单的代码，例如：

<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>

问题是输入框出现了，但是单击时什么也没有发生！

如何在TypeScript中使用Angular启用所有功能（不使用纯JavaScript）？ 感谢您的帮助

Answer 1

您可以从typeDefinition安装引导选择类型。 https://www.npmjs.com/package/@types/bootstrap-select

第1步：

声明var $：any;

第二步：

$（'。selectpicker'）。selectpicker（'refresh'）;

//成角度的方式。

模板：

<select #selectdp 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>

组件：

@ViewChild('selectdp') selectdp: ElementRef;
this.selectdp.nativeElement.selectpicker('refresh');

检查下面的URL是否有帮助。 bootstrap-select dropdown options not getting loaded sometime

还请确保您具有jquery并将@types安装为依赖项。