फॉर्मग्रुप से एकल मान कैसे प्राप्त करें


86

मुझे पता है कि मैं का उपयोग कर एक फार्म के मूल्यों को प्राप्त कर सकते हैं

JSON.stringify (this.formName.value) हालांकि, मैं फॉर्म से एक मान प्राप्त करना चाहता हूं।

मैं इसे कैसे करूं?

जवाबों:


135

आप इस तरह मूल्य प्राप्त कर सकते हैं

this.form.controls['your form control name'].value

23
this.form.controls.email.valueकोष्ठक के बिना भी काम करता है, लेकिन यह आप पर निर्भर करता है कि आप किस शैली को पसंद करते हैं
— सिमोन_विवर

जैसा कि @ जूलिया ने कहा, "प्राप्त ()" विधि द्वारा मूल्य प्राप्त करना इस से बेहतर है।
— कविन्द्र जयाकोड़ी

120

हाँ तुम कर सकते हो।

this.formGroup.get('name of you control').value

8
यह सही उत्तर होना चाहिए क्योंकि आप सीधे नियंत्रण प्राप्त करने के बजाय विधि के माध्यम से
— मोहन राम

बेशक, यह आधिकारिक प्रलेखन में उपयोग की जाने वाली विधि है। angular.io/guide/reactive-forms
— कवींदा जयकोडी

20

डॉट संकेतन प्रकार की जाँच को तोड़ देगा, ब्रैकेट संकेतन पर स्विच करेगा। तुम भी () विधि का उपयोग करने की कोशिश कर सकते हैं। मैंने पढ़े हुए तरीकों में भी AOT संकलन रखा है।

this.form.get('controlName').value // safer
this.form.controlName.value // triggers type checking and breaks AOT

1
मैं इस .get()विधि के साथ सहमत हूं , हालांकि .valueमुझे लगता है कि समाप्त होने की आवश्यकता है:this.form.get('controlName').value
— 17

1
मैं इस जवाब की सराहना करता हूं क्योंकि यह WHY देता है। धन्यवाद।
— मार्क रुल्लो

8

कोणीय 6+ और> = RC.6 के लिए

.html

<form [formGroup]="formGroup">
  <input type="text" formControlName="myName">
</form>

.ts

public formGroup: FormGroup;
this.formGroup.value.myName

काम भी करना चाहिए।





0

आप निम्न तरीकों से कर सकते हैं

this.your_form.getRawValue()['formcontrolname]
this.your_form.value['formcontrolname]
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.