2013-08-12 5 views
8

(Ember.JS 1.0 के साथ प्रयोग किया जाता) मान लीजिए कि मैं कुछ ऐसा करते हैं:जोड़ना विशेषताओं

{{input value=someModel }} 

और फिर मैं इनपुट करने के लिए सरल required एचटीएमएल 5 विशेषता जोड़ना चाहते हैं।

मैं यह कैसे करूँगा?


ध्यान दें कि मैं सफलता के बिना निम्नलिखित रूपों की कोशिश की:

{{input value=someModel required }} <!-- doesn't parse --> 

{{input value=someModel required='required' }} <!-- doesn't render the attribute --> 

{{view Ember.TextField valueBinding=someModel 
    required='required' }} <!-- doesn't render the attribute --> 

<input required {{bindAttr value=someModel}} 
    /> <!-- doesn't update the model, as expected --> 

अद्यतन: यह सवाल एंबर 1.0 के लिए किया गया था।

उत्तर

5

विश्व स्तर पर अतिरिक्त विशेषताओं के लिए समर्थन जोड़ने के लिए आप Ember.TextField

http://emberjs.com/api/classes/Ember.TextField.html

+3

यह भयानक है! (जो आपकी गलती नहीं है, इस पर इशारा करने के लिए धन्यवाद) - कोई विचार क्यों ऐसा है? और क्या मैं जो कुछ भी जोड़ूं उसे खोलने का कोई तरीका है? – Meligy

+0

सभी ब्राउज़र 'आवश्यक' का समर्थन नहीं करते हैं, इसलिए फ्रेमवर्क जहाजों को कम से कम सेट के साथ, डेवलपर्स को अतिरिक्त विशेषताओं को जोड़ने दें, अगर उन्हें पता है कि वे केवल उन ब्राउज़र को लक्षित करेंगे जो इसका समर्थन करते हैं। –

+2

यह व्याख्यान के लिए एक विषय हो सकता है, लेकिन वास्तव में, मुझे लगता है कि उपयोगकर्ता अपने मार्कअप के साथ क्या कर सकता है (जब तक यह कोड नहीं है, उदाहरण के लिए हैंडलबार अभिव्यक्ति नहीं) सीमित करने में कोई बिंदु/लाभ नहीं है। मुझे लगता है कि यह लाइब्रेरी में कुछ डिज़ाइन सीमा का दुष्प्रभाव है, यदि यह एक सुविधा के रूप में इस तरह से होना है, तो यह कुछ भी नहीं होगा लेकिन घर्षण IMHO जोड़ना होगा। – Meligy

5

पहले फिर से खोलना कर सकते हैं आवश्यक विशेषता के लिए समर्थन जोड़ने के लिए की जरूरत है:

Ember.TextSupport.reopen({ 
    attributeBindings: ["required"] 
}) 
तब में

आपका विचार:

{{view Ember.TextField required="required"}} 
8

मैं एम्बर संस्करण 1.5.1 का उपयोग कर रहा हूं और आवश्यक = "आवश्यक" अब ठीक काम करता प्रतीत होता है। इस मार्कअप:

{{input class="form-control" value=firstName autofocus="autofocus" required="required"}} 

... इस renders:

<input id="ember392" class="ember-view ember-text-field form-control" autofocus="autofocus" required="required" type="text"> 
+0

धन्यवाद, यह मेरे लिए एम्बर 2.7 पर काम किया – rmcsharry

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