在多个选项的情况下如何更改值？

Question

我正在使用 Angular 6 开发一个 Web 应用程序。我使用库 bootstrap-select 来实现一个组合框（具有额外的自定义可能性）。我有一个问题：当我设置多个属性时，图形上的行为是正确的（所有选定的字符串一起出现在输入框中）。问题是与我的 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