एक और टेम्पलेट के बाद एक उल्का टेम्पलेट सहायक फिर से चलाने/प्रस्तुत करने के लिए कैसे प्रस्तुत किया गया है?

Question

मेरे पास टेम्पलेट में {{renderNav}} नामक एक टेम्पलेट सहायक है Nav

उदा।

Template.Nav.renderNav 

और कहा कि सहायक समारोह मैं सहायक

Template.contentWindow.content 

जो

{{content}} 

के लिए एचटीएमएल प्रदान करता है एक अलग टेम्पलेट

उदाहरण के लिए अंदर एक और सहायक के प्रदान की गई उत्पादन पार्स करने के लिए चाहते हैं के भीतर

और मेरा रेंडरनव हेल्पर उस HTML को भागना चाहता है जो {{cont एटी}}

{{renderNav}} 

के लिए एचटीएमएल उत्पन्न करने के लिए मैं यह कैसे करूँगा? अभी {{renderNav}} सहायक के लिए कार्यान्वित या अधिक तेजी से चलाता है और इसलिए यह एचटीएमएल कि बदल देता है पार्स करने में अक्षम है {{सामग्री}}

@Hugo - मैं अपने कोड में निम्नलिखित हैं कि आप सुझाव के रूप में

Template.contentWindow.rendered = function() { 
    debugger; 
    return Session.set('entryRendered', true); 
}; 

Template.Nav.renderNav = function() { 
    debugger; 
    var forceDependency; 
    return forceDependency = Session.get('entryRendered'); 
}; 

जब मैं इसे चलाता हूं, तो डिबगर पहले रेंडरनव सहायक को निष्पादित करते समय बंद हो जाता है। (जो दौड़ की स्थिति के संदर्भ में जो देख रहा हूं उसके साथ मुझे समझ में आता है)। फिर contentWindow प्रस्तुत करता है और मैंने सत्र.सेट ('एंट्री रेंडर', सत्य) के ऊपर ब्रेकपॉइंट मारा। लेकिन फिर renderNav फिर से नहीं चलता है जैसा कि आप सुझाव देते हैं कि यह चाहिए। क्या मैंने आपके सुझाव को गलत तरीके से गलत तरीके से लागू किया है या गलत तरीके से लागू किया है?

Answer 1

आपको उस टेम्पलेट में निर्भरता की आवश्यकता है जिसे आप पुन: चालू करना चाहते हैं। आप जो डेटा प्राप्त करना चाहते हैं उसके आधार पर कुछ संभावनाएं हैं।

उदाहरण के लिए, आप content टेम्पलेट में एक प्रतिक्रियाशील मार्कर सेट कर सकते हैं जो renderNav को सूचित करेगा कि यह ड्राइंग के साथ किया गया है।

Template.contentWidnow.rendered = function() { 
    ... 

    // Set this on the very end of rendered callback. 
    Session.set('contentWindowRenderMark', '' + 
     new Date().getTime() + 
     Math.floor(Math.random() * 1000000)); 
} 


Template.renderNav.contentData = function() { 
    // You don't have to actually use the mark value, 
    // but you need to obtain it so that the dependency 
    // is registered for this helper. 
    var mark = Session.get('contentWindowRenderMark'); 

    // Get the data you need and prepare for displaying 
    ... 
} 

 

---

 

अधिक जानकारी के साथ

आपके द्वारा दिए गए, हम इस तरह कोड बना सकते हैं:

content.js

Content = {}; 
Content._dep = new Deps.Dependency; 

contentWindow.js

Template.contentWidnow.rendered = function() { 
    Content.headers = this.findAll(':header'); 
    Content._dep.changed(); 
} 

renderNav।js

Template.renderNav.contentData = function() { 
    Content._dep.depend(); 
    // use Content.headers here 
    ... 
} 

Answer 2

आप चाहते हैं स्वचालित रूप से पुनर्निर्माण की नेविगेशन जब contentWindow, renders के रूप में हुबर्ट ओजी सुझाव दिया, आप भी एक क्लीनर, अमान्य संदर्भों के निचले स्तर तरीके से उपयोग कर सकते हैं:

var navDep = new Deps.Dependency; 

Template.contentWindow.rendered = function() { 
    ... 
    navDep.changed(); 
} 

Template.renderNav.contentData = function() { 
    navDep.depend(); 

    // Get the data you need and prepare for displaying 
    ... 
} 

देखें http://docs.meteor.com/#deps अधिक जानकारी के लिए।

, तो दूसरी ओर, आप मैन्युअल अन्य टेम्पलेट को रखना चाहते हैं, तो आप इसे एक समारोह के रूप कॉल कर सकते हैं:

var html = Template.contentWindow(); 

लौटे एचटीएमएल प्रतिक्रियाशील नहीं होगा। आप प्रतिक्रिया की जरूरत है, का उपयोग करें:

var reactiveFragment = Meteor.render(Template.contentWindow); 

यह कैसे काम करता पर जानकारी के लिए स्पार्क और प्रतिक्रियात्मकता पर http://www.eventedmind.com/ पर स्क्रीनकास्ट देखें।

अद्यतन

अपने डोम के लिए एक गाया टुकड़ा जोड़ने के लिए:

document.body.appendChild(Meteor.render(function() { 
    return '<h1>hello</h1><b>hello world</b>'; 
})); 

तुम भी सीधे डोम एपीआई का उपयोग कर गाया नोड्स पहुँच सकते हैं:

console.log(reactiveFragment.childNodes[0]);