Поле ввода появляется, но ничего не происходит, когда вы нажимаете - PullRequest
Новая
       26

Поле ввода появляется, но ничего не происходит, когда вы нажимаете

0 голосов
/ 27 ноября 2018

Я занимаюсь разработкой веб-приложения с использованием Angular 6. Я использую библиотеку начальной загрузки bootsrap-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>

Проблемачто поле ввода появляется, но ничего не происходит, когда вы нажимаете на него!enter image description here

Как включить все функции, используя Angular с TypeScript (без чистого JavaScript)?Спасибо за помощь

1 Ответ

0 голосов
/ 27 ноября 2018

Вы можете установить тип начальной загрузки из typeDefinition.https://www.npmjs.com/package/@types/bootstrap-select

Шаг 1:

объявить переменную $: любая;

Шаг 2:

$('.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 не загружаются когда-либо

Также убедитесь, что у вас установлены jquery и @types как зависимости.

...