Текущий код: я использовал bootstrap-select.min.js and bootstrap-select.min.css. И для стилизации раскрывающегося списка я использовал class = "selectpicker". Я дал следующий код. Без использования раскрывающегося списка class = "selectpicker" без стиля.

<select  class="form-control selectpicker" multiple="multiple"  id="skill"    [(ngModel)]="skills" name="skill"   #skill="ngModel"> <option *ngFor="let skill of skillType.skills" [value]="skill.skill_id"  >{{skill.skill_descr}}</option> </select>

Проблема: проблема заключается в том, что при использовании class = "selectpicker" раскрывающийся список не отображается. когда я проверяю консоль, она показывает:

<!--bindings={
  "ng-reflect-ng-for-of": "[object Object],[object Object"
}-->

Пожалуйста, помогите мне.

0
Siva Unique 18 Июл 2017 в 11:28
Я рекомендую вам использовать NgBootstrap, чтобы избежать использования каких-либо других пакетов JS, ng-bootstrap.github.io/#/components/dropdown/examples, чтобы избежать непредсказуемых ошибок.
 – 
Raed Khalaf
18 Июл 2017 в 11:31
Мне нужен множественный выпадающий список, в ngBootstrap я искал, он недоступен. Пожалуйста, скажите мне решение
 – 
Siva Unique
18 Июл 2017 в 11:54
 – 
Prashobh
6 Ноя 2017 в 08:45

2 ответа

Я использую Prime NG с Angular 4, этот ответ вам поможет.

import {MultiSelectModule} from 'primeng/primeng';

Двусторонняя привязка значений определяется с помощью ngModel, а для множественного выбора требуется набор параметров, каждый из которых должен следовать за интерфейсом SelectItem, который определяет свойства значения метки.

HTML

<p-multiSelect [options]="cities" [(ngModel)]="selectedCities"></p-multiSelect>

УГЛОВОЙ ТИП

import {SelectItem} from 'primeng/primeng';

export class MyModel {

    cities: SelectItem[];

    selectedCities: string[];

    constructor() {
        this.cities = [];
        this.cities.push({label:'New York', value:'New York'});
        this.cities.push({label:'Rome', value:'Rome'});
        this.cities.push({label:'London', value:'London'});
        this.cities.push({label:'Istanbul', value:'Istanbul'});
        this.cities.push({label:'Paris', value:'Paris'});
    }

}
0
HD.. 22 Авг 2017 в 10:05
this.cities = [];
    this.cities.push({id:'New York', itemName:'New York'});
    this.cities.push({id:'Rome', itemName:'Rome'});
    this.cities.push({id:'London', itemName:'London'});
    this.cities.push({id:'Istanbul', itemName:'Istanbul'});
    this.cities.push({id:'Paris', itemName:'Paris'});
-1
Amit 13 Авг 2019 в 16:33
Это буквально копия другого ответа, но с гораздо меньшими подробностями и объяснениями.
 – 
pappbence96
13 Авг 2019 в 16:52