在提交表单时获取 ng2-select2 选定项值答案

【问题标题】：Get ng2-select2 selected item value on form submission在提交表单时获取 ng2-select2 选定项值
【发布时间】：2018-03-27 14:33:00
【问题描述】：

我试过以下代码：

HTML：

<form #dropdownform="ngForm" (ngSubmit)="OnSubmit(dropdownform)">
  <select2 [data]="exampleData"></select2>
</form>

打字稿：

this.exampleData= [...]
OnSubmit(form: NgForm) {
    console.log(form.value);
  }

它在控制台中显示一个空数组。

【问题讨论】：

【解决方案1】：

select2 想要 data.id 和 data.text 或者你需要定义数据类型这个链接可以帮助你

【讨论】：

【解决方案2】：

注意：如果您使用的是模板驱动表单，那么如果没有 name 属性，您将永远不会在 form.value 上获得任何值。

您需要做的就是提供name 属性和ngModel：

<select2 name="select2_value" [data]="exampleData" ngModel></select2>

现在当你console.log(form.value);

你会得到{ select2_value : 'selected_value' }的值

【讨论】：

不工作，当我添加双向数据绑定时显示错误：'Uncaught (in promise): Error: No value accessor for form control with name:select2_value'
@ShamseerKSmr，请点赞并采纳答案，如果没有帮助请告诉我。