獲取

2017-10-16 120 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答案,如果它沒有幫助,請讓我知道。 –