2017-10-16 14 views
5

मेरे मामले में इसे डिफ़ॉल्ट विकल्प के रूप में सक्रिय विकल्प 01 की आवश्यकता है। यह चेक = सच्ची संपत्ति के साथ काम कर रहा है, लेकिन मान formControlName = "विकल्प" के साथ बाध्यकारी नहीं है, जब उपयोगकर्ता किसी भी विकल्प का चयन करता है तो यह बाध्यकारी होता है। यदि कोई उपयोगकर्ता चयन विकल्प मान "शून्य" के रूप में नहीं दिखाता है।मैट-रेडियो-समूह कोणीय प्रतिक्रियाशील रूपों में डिफ़ॉल्ट मान को कैसे बाध्य करें

<div class="row"> 
     <mat-radio-group formControlName="options"> 
     <mat-radio-button checked=true value="1">Option 01</mat-radio-button> 
     <mat-radio-button value="2">Option 02</mat-radio-button> 
     </mat-radio-group> 
    </div> 

कृपया इस समस्या को हल करने के लिए मेरी मदद करें। धन्यवाद।

constructor(private fb: FormBuilder) { 
    this.myForm = this.fb.group({ 
    options: ['1'] 
    }) 
} 

और फिर तुम सिर्फ checked विशेषता को दूर:

उत्तर

5

क्या आप क्या करना चाहते checked दूर करने के लिए और इसके बजाय अपने formControl को पूर्वचयनित मूल्य निर्धारित करते हैं, तो जब आप अपने प्रपत्र का निर्माण होता है

<mat-radio-group formControlName="options"> 
    <mat-radio-button value="1">Option 01</mat-radio-button> 
    <mat-radio-button value="2">Option 02</mat-radio-button> 
</mat-radio-group> 

डेमो: 012,362,

+0

दुर्भाग्य से रेडियो-समूह पर मूल्य 0 सेट करने से सभी रेडियो बटन अचयनित हो जाते हैं। यहां तक ​​कि मेरे रेडियो-बटन में से एक कठिन भी 0 का मान है। इसलिए मुझे enum अनुक्रमणिका मानों से enum स्ट्रिंग मानों में इसे सही तरीके से काम करने के लिए बदलना होगा। मुझे लगता है कि +1 द्वारा प्रत्येक मान में वृद्धि करना भी काम करेगा। –

+0

मैं चाहता हूं कि रेडियो बटन डिफ़ॉल्ट रूप से चुना जाए। इसके लिए, मैं चेक = सत्य का उपयोग कर रहा हूं लेकिन यह काम नहीं कर रहा है। क्या तुमसे मुझे मदद मिल सकती है? –

संबंधित मुद्दे