在表单提交中获取ng2-select2选定的项目值

时间:2017-10-16 06:23:15

标签: angular jquery-select2 angular2-forms

我尝试过以下代码:

HTML:

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

打字稿:

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

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

2 个答案:

答案 0 :(得分:0)

  

注意:如果您使用模板驱动形式,如果没有name属性,您将永远不会在form.value上获得任何值。

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

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

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

您将获得{ select2_value : 'selected_value' }

的值

答案 1 :(得分:0)

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

Tagging with AJAX in select2