कैसे

Question

मैं एक रेल नियंत्रक जिसमें मैं एक उदाहरण चर की स्थापना कर रहा हूँ एक स्लिम टेम्पलेट के अंदर CoffeeScript इंजन में उदाहरण चर का उपयोग करने की -

@user_name = "Some Username" 

मेरी .slim टेम्पलेट में मैं कॉफी इंजन का उपयोग कर रहा जावास्क्रिप्ट उत्पन्न करने के लिए और क्लाइंट-sie जावास्क्रिप्ट कोड से बाहर उपयोगकर्ता नाम प्रिंट करना चाहते हैं -

coffee: 
    $(document).ready -> 
    name = "#{@user_name}" 
    alert name 

लेकिन यह जावास्क्रिप्ट है कि उत्पन्न किया जा रहा है ??

$(document).ready(function() { 
    var name; 
    name = "" + this.my_name; 
    alert(name); 
} 

मैं अपने CoffeeScript कोड में नियंत्रक उदाहरण चर का उपयोग करना ??

मैं इसे हैमल के रूप में टैग कर रहा हूं क्योंकि मुझे लगता है कि कॉफीस्क्रिप्ट का उपयोग करते समय हैमल का एक ही मुद्दा होगा।

Answer 1

क्या हो रहा है यह है कि "#{@user_name}" को कॉफीस्क्रिप्ट के रूप में व्याख्या किया जा रहा है, न कि रूबी कोड के रूप में जिसका मूल्यांकन किया गया है और कॉफीस्क्रिप्ट स्रोत में इंजेक्शन दिया गया है। आप पूछ रहे हैं, "मैं अपने कॉफीस्क्रिप्ट स्रोत में रुबी चर कैसे लगा सकता हूं?"

संक्षिप्त उत्तर यह है: ऐसा मत करो। रेल टीम ने 3.1 में टेम्पलेट्स में एम्बेडेड कॉफीस्क्रिप्ट का समर्थन न करने का एक जानबूझकर निर्णय लिया, क्योंकि प्रत्येक अनुरोध पर कॉफीस्क्रिप्ट संकलित करने के लिए महत्वपूर्ण प्रदर्शन ओवरहेड है (जैसा कि आपको करना होगा यदि आपने स्रोत में इंजेक्शन देने के लिए मनमाने ढंग से तारों की अनुमति दी है) ।

मेरी सलाह, उदा, शुद्ध जावास्क्रिप्ट के रूप में अलग से अपनी रूबी चर सेवा करने के लिए, और फिर अपने CoffeeScript से वे चर संदर्भ, .:

javascript: 
    user_name = "#{@user_name}"; 
coffee: 
    $(document).ready -> 
    name = user_name 
    alert name 

Answer 2

मैं हर हालत में इनलाइन जावास्क्रिप्ट से बचना चाहिए है।

अपने जावास्क्रिप्ट से उपयोग करने के लिए अपने एचटीएमएल में चर स्टोर करने का एक अच्छा तरीका है, एचटीएमएल 5 डेटा-एट्रिब्यूट्स का उपयोग करना है। यह आपके जावास्क्रिप्ट को अविभाज्य रखने के लिए आदर्श है।

Answer 3

तुम भी इस्तेमाल कर सकते हैं:

$(document).ready -> 
    name = <%= JSON.generate @user_name %> 
    alert name 

इसका कारण यह है JSON जावास्क्रिप्ट का एक सबसेट है।