获取

2017-10-16 71 views
0

我试过下面的代码在表单提交NG2,选择2选择的项目值:获取

HTML:

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

打字稿:

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

它显示了一个空数组安慰。

回答

0

Note : Without name property you will never get any value on form.value , if you are using template-driven-form.

所有你需要做的是提供name财产和ngModel

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

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

您将获得价值为{ select2_value : 'selected_value' }

+0

不工作,显示了当我加入的双向数据绑定错误:“未捕获的(在承诺):错误:没有价值的存取与名称表单控件:select2_value” –

+0

请检查我的更新回答@ShamseerKSmr –

+0

@ShamseerKSmr,请upvote和accpet答案,如果它没有帮助,请让我知道。 –