Angular 6：带有多个选项的引导选择无法正常工作

Question

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

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

但是，如您所见，每次单击以添加新值时，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元素。因此，您的输出正是您告诉angular选择的输出。

编辑：在您编辑问题时，我们可能需要查看value="1"方法以帮助更好地理解问题