2017-05-04 10 views
7

मैं अपने ऑब्जेक्ट से प्राप्त मूल्य के आधार पर डिफ़ॉल्ट रेडियोधटन के रूप में चिह्नित करने की कोशिश कर रहा हूं, कोई भी सही या गलत हो सकता है। विकल्प के आधार पर डिफ़ॉल्ट रेडियोधटन के रूप में चिह्नित करने के लिए मैं कैसे कर सकता हूं?कोणीय 4 डिफ़ॉल्ट रेडियो बटन डिफ़ॉल्ट द्वारा जांच

 <label>This rule is true if:</label> 
     <label class="form-check-inline"> 
     <input class="form-check-input" type="radio" name="mode" 
     value="true" [(ngModel)]="rule.mode"> all the following conditions are true 
     </label> 
     <label class="form-check-inline"> 
     <input class="form-check-input" type="radio" name="mode" value="false" [(ngModel)]="rule.mode"> at least one of the following conditions is true 
     </label> 

मैं सच है या झूठा मिला: "rule.mode"

+2

[attr.checked] = "role.mode" –

+0

@BharatChauhan यह एक सही जवाब, 'केवल-init' एक मूल्य स्थापित करने के लिए एकदम सही है। धन्यवाद! – CularBytes

उत्तर

12

आप [(ngModel)] उपयोग कर सकते हैं, लेकिन आप अद्यतन करने के लिए अपने value[value] को अन्यथा मान एक स्ट्रिंग के रूप में मूल्यांकन कर रही है की आवश्यकता होगी। यह इस तरह दिखेगा:

<label>This rule is true if:</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="true" [(ngModel)]="rule.mode"> 
</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="false" [(ngModel)]="rule.mode"> 
</label> 

तो rule.mode सच है, तो है कि रेडियो चुना गया है। यदि यह गलत है, तो दूसरा।

अंतर वास्तव में value पर आता है। value="true" वास्तव में स्ट्रिंग 'सत्य' का मूल्यांकन करता है, जबकि [value]="true" बुलियन सत्य का मूल्यांकन करता है।

+0

धन्यवाद आदमी, यह काम करता है ^^ – XGuy

+0

धन्यवाद, आपने मेरा दिन बचाया !! – Buminda

-1

मुझे लगता है कि यह काम करना चाहिए:

<label>This rule is true if:</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="true" [(ngModel)]="rule.mode"> 
</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="false" [(ngModel)]="rule.mode"> 
</label> 
संबंधित मुद्दे