Bootstrap-Select库：在多个选项的情况下如何更改值？

Question

我正在使用Angular 6开发Web应用程序。我使用了bootstrap-select库（由Silvio Mureto开发）来实现组合框（还有其他自定义的可能性）。我有一个问题：设置多重属性时，图形上的行为是正确的（所有选定的字符串一起出现在输入框中）。问题在于，与我的ngModel连接的值（用于通过2向绑定获取数据）始终只有一个（并且始终对应于框中显示的第一个值，尽管其中还有其他值！）。这是代码：

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

这是结果（图形上完全是我想要的）：

但是，正如您所看到的，每次单击以添加新值时，值对象始终且仅与1相关联（因为值1是列表中的第一个，其他两个似乎无关紧要值）。控制台日志（对象值）：

我该如何解决这个问题？

Answer 1

问题是您正在为jquery使用多选择版本。您可以采取一些技巧使其正常工作，但效果可能不太好

为什么还要在angular中使用jquery？您总是必须设法避免它

Angular以另一种方式处理绑定。

我建议您使用此库ng-select

Demo