2016-06-29 3 views
18

मेरे पास ऑब्जेक्ट document में एक साधारण बुलियन संपत्ति valid है और इसे रेडियो-इनपुट में बाध्य करने की आवश्यकता है।बूलियन संपत्ति के लिए रेडियो बटन

<input type="radio" name="valid" id="validTrue" (click)="document.valid = true" [checked]="document.valid"/> 
<input type="radio" name="valid" id="validFalse" (click)="document.valid = false" [checked]="!document.valid"/> 

कम से कम क्लिक कार्यों पर संपत्ति की स्थापना लेकिन अपने राज्य कोई रेडियो आदानों द्वारा प्रदर्शित होता है:

यह मैं अब तक है। मेरे ब्राउज़र के डेवलपर कंसोल में देखकर मुझे पता चला कि एक संपत्ति ng-reflect-checked सेट है लेकिन ऐसा लगता है कि यह एचटीएमएल रेडियो-इनपुट पर असर नहीं पड़ता है।

मैं क्या गलत कर रहा हूं?
क्या किसी के पास "कोणीय 2-बुलियन-रेडियो-इनपुट" स्निपेट काम कर रहा है?

+0

जो कोणीय 2 संस्करण आप – mayur

+0

न्यू RC.3 रूपों या पदावनत रूपों का उपयोग कर रहे हैं? –

+0

क्षमा करें ... मैं नए रूपों का उपयोग कर आरसी 3 पर हूं। – Philipp

उत्तर

41

नए रूपों मॉड्यूल इस कर सकता तुम क्या चाहते

<input type="radio" name="food" [(ngModel)]="document.valid" [value]="true"> 
    <input type="radio" name="food" [(ngModel)]="document.valid" [value]="false"> 

यह भी देख में design doc for the new forms module

+3

आप सही हैं। यह इतना आसान है। मुझे लगता है कि मैंने पहले ही यह कोशिश की है लेकिन स्क्वायर ब्रैकेट में वेले विशेषता डालना भूल जाओ। – Philipp

+1

'[] 'के बिना आपको' सत्य 'और' झूठी 'स्ट्रिंग के रूप में मिलता है जो मुझे लगता है कि जेएस/टीएस में मूल्य' सत्य 'दोनों हैं (यकीन नहीं है, मैं इसका अधिक उपयोग नहीं करता) –

+0

ध्यान रखें कि यदि आप रीएक्टिवफॉर्म में बदल जाते हैं तो आपको [] के आस-पास के मूल्य को हटाना होगा, क्योंकि वैल्यू चेंज आप आरएफ फॉर्म में सदस्यता लेते हैं (इसलिए आप इसे भी बाध्य नहीं कर सकते हैं)। दो प्रकार के रूपों के बीच अंतर को भूलना आसान है। – rmcsharry

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