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

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 元素，全部为 value="1"。因此，您的输出正是您告诉 angular 选择的内容。

编辑：当您编辑问题时，我们可能需要查看onChange 方法以帮助更好地理解问题