एम्बर हेल्पर्स (लिंक या आंशिक) में स्ट्रिंग चर का उपयोग कैसे करें?

Question

मुझे राउटर में मेनू लिंक की सरणी सेट करने की आवश्यकता है और फिर उन्हें #Each का उपयोग करके टेम्पलेट में प्रस्तुत करना होगा। लेकिन लगता है जैसे # लिंक्स हेल्पर चर को पहचान नहीं पाया। इसे कैसे हल किया जा सकता है?

रूटर:

Lite.DashboardRoute = Em.Route.extend({ 
    setupController: function(controller, model) { 
    this.controllerFor('application').set('mainControls', [ {path: 'widgets.new', name: 'Add', classes: 'btn btn-success icon-ok-sign'} ]) 
    } 
}) 

लिंक अनुप्रयोगों टेम्पलेट में प्रतिपादन:

{{#each link in mainControls}} 
    {{#linkTo link.route class=link.classes}} {{link.name}} {{/linkTo}} 
{{/each}} 

त्रुटि संदेश:

ember.debug.js:51 Error: assertion failed: The route link.route was not found 

एंबर संस्करण:

// Version: v1.0.0-pre.4 
// Last commit: 855db1a (2013-01-17 23:06:53 -0800) 

Answer 1

आप अभी भी केन के विकल्प के साथ संघर्ष कर रहे हैं, तो पर bindAttr उपयोग करने की आवश्यकता है, तो आप कुछ इस तरह की कोशिश करना चाहते हो सकता है:

{{#each link in mainControls}} 
    <a {{action "goToLink" link}} {{bindAttr class="link.classes"}}> 
     {{link.name}} 
    </a> 
{{/each}} 

और फिर आपको कार्रवाई को संभालने के लिए goToLink फ़ंक्शन की आवश्यकता होगी। आप इसे अपने संग्रह पर डाल सकते हैं, लेकिन यदि आप नहीं करते हैं, यह अपने मार्ग हैंडलर, जो, सिद्धांत रूप में, चीजों को वास्तव में आसान बनाना चाहिए करने के लिए बुलबुला ऊपर माना जाता है:

App.MyRoute = Ember.Route.extend({ 
    // ... stuff ... 

    actions: { 
      goToLink: function(item) { 
       this.transitionTo(item.route); 
      } 
    } 
}); 

आप कार्रवाइयों के बारे में अधिक पढ़ सकते हैं , यहाँ: http://emberjs.com/guides/templates/actions/

अद्यतन

मैं एक साथ आप के लिए एक बेला डाल दिया है, नवीनतम और सबसे बड़ी एंबर का उपयोग कर।

मैंने पाया कि कुछ तकनीकी सीमाओं के कारण मैंने ऊपर दिए गए सुझाव पर थोड़ा बदलाव किया है।

विशेष रूप से, रूट केवल रूट द्वारा आंतरिक रूप से बनाए गए नियंत्रकों के लिए क्रियाओं को संभालने में सक्षम लगता है। यह हमारे नेविगेशन मेनू के लिए एक समस्या है, क्योंकि आप स्क्रीन बदल रहे हैं, जबकि आप अभी भी स्क्रीन पर हैं।

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

आप बेला, यहाँ पा सकते हैं: http://jsfiddle.net/Malkyne/fh3qK/

अद्यतन 2

यहाँ केवल के साथ एक ही बेला का एक और संस्करण है, (अजीब तरह से गैर-दस्तावेजी) ApplicationRoute सीधे कार्रवाई को संभालने के लिए इस्तेमाल किया जा रहा, नियंत्रक को बिना किसी रिलेइंग के: http://jsfiddle.net/Malkyne/ydTWZ/

Answer 2

आप linkTo सहायक अंदर चर का उपयोग नहीं कर सकते हैं, तो आप एक लंगर टैग, इसके बजाय

<a {{bindAttr href="link.route" class="link.classes"}}>link</a> 

Answer 3

एम्बर.जेएस आरसी 6 के रूप में, एम्बर को कठोर कोडित मूल्यों के रूप में समझने के बजाय गुणों के रूप में मार्गों को देखने के लिए कॉन्फ़िगर करना संभव है। आरसी 6 के रूप में।1, इसके लिए एक पर्यावरण चर परिभाषित करने की आवश्यकता है:

ENV.HELPER_PARAM_LOOKUPS = true 

एम्बर.जेएस लोड होने से पहले।

Example: Using a variable in a #linkTo helper in Ember

Answer 4

यह धागा तो नया नहीं है और मुझे पता है अगर नवीनतम संस्करणों की नहीं है: Quoteless route param in linkTo performs lookup

यहाँ एक jsFiddle के रूप में एक पूर्ण काम कर उदाहरण है: अधिक जानकारी के लिए, निम्न पुल अनुरोध दिखाई एम्बर के इस मुद्दे के लिए एक अलग समाधान प्रस्तुत करता है लेकिन एम्बर संस्करण 1.11 पर यह ठीक काम करता है।

समाधान इनलाइनlink-to का संस्करण है।

यह सहायक के समान काम करता है (हां, यह आपके वर्तमान मार्ग के आधार पर active कक्षा को टॉगल करेगा) और आपको गतिशील पैरामीटर पारित करने की अनुमति देता है।

component.js

mainControls: [ 
    { path: 'widgets.new' }, 
    { name: 'Add' }, 
    { classes: 'btn btn-success icon-ok-sign' } 
] 

component.hbs इस दृष्टिकोण abut

{{#each link in mainControls}} 
    {{link-to link.name link.route class=link.classes}} 
{{/each}} 

अधिक जानकारी पाया जा सकता है here: लेखक का स्थिति का अनुकरण है, हम की तरह कुछ होगा।