Bootstrap-выбор с несколькими опциями не работает правильно

Question

Я разрабатываю веб-приложение с использованием Angular 6. Я использовал библиотеку bootstrap-select (от Silvio Mureto) для реализации комбинированного окна (с дополнительными возможностями для настройки).У меня проблема: когда я устанавливаю атрибут multiple, графически поведение правильное (все выделенные строки появляются внутри поля ввода вместе).Проблема в том, что значение, связанное с моим ngModel (используется для получения данных с двухсторонним связыванием), всегда только одно (и всегда соответствует первому значению , отображаемому внутри поля , хотя естьдругие ценности в нем!).Это код:

<select
   class="form-control selectpicker show-tick"
   data-width="200px"
   multiple
   title="my_title"
   name = "name"
   [(ngModel)] = "value"
   (ngModelChange) = "onChange($event)"
>
    <option value="1">Value 1</option>
    <option value="2">Value 2</option>
    <option value="2">Value 3</option>

</select>

Это результат (графически это именно то, что я хотел бы):

НоКак вы можете видеть, при каждом щелчке для добавления нового значения объект value всегда и только связан с 1 (поскольку Value 1 является первым в списке и, похоже, не имеет значения, что другоедва значения присутствуют).Журнал консоли (объект value):

Как решить эту проблему?

Answer 1

Вы меняете атрибут value параметров?

<option value="1">Value 1</option>
<option value="2">Value 2</option>
<option value="3">Value 3</option>

В настоящее время у вас есть 3 option элементов, все с value="1".Таким образом, ваш вывод в точности соответствует тому, что вы указали для углового выбора.

edit : когда вы редактировали вопрос, нам, вероятно, понадобится метод onChange, чтобы лучше понять проблему