knockout.js रनटाइम पर टेम्पलेट लोड करना

Question

मैं अपने इनबिल्ट टेम्पलेटिंग सिस्टम के साथ knockout.js का उपयोग कर रहा हूं। मैं इतनी के रूप में टेम्पलेट्स परिभाषित:

<script type="text/html" id="subjectItemView"> 
    <span class="name" data-bind="text: subjectName" /> 
</script> 

मैं तो टेम्पलेट का उपयोग करती हैं इसलिए आईडी स्क्रिप्ट के हिस्से के रूप में इस होने एक आवश्यकता है।

मेरे पास मेरे एकल पृष्ठ एप्लिकेशन में इन टेम्पलेट्स में से कुछ उचित हैं और हाल ही में आवश्यकतानुसार आवश्यक स्क्रिप्ट लोड करने के लिए require.js का उपयोग करने के लिए स्थानांतरित हो गए हैं। मैं टेम्पलेट्स के साथ ऐसा करना चाहता हूं, अधिमानतः requ.js का उपयोग करना ताकि मेरे मॉड्यूल टेम्पलेट्स को निर्भरताओं के रूप में सूचीबद्ध कर सकें।

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

Answer 1

मैं require.js टेक्स्ट प्लगइन का उपयोग करता हूं: http://requirejs.org/docs/api.html#text। एक बार आपके पास टेम्पलेट टेक्स्ट हो जाने के बाद, आप उसे पृष्ठ पर एक नए स्क्रिप्ट टैग में जोड़ सकते हैं (एक प्रकार के साथ text/html या जावास्क्रिप्ट के अलावा कुछ और)।

मैं वास्तव में एक संशोधित टेम्पलेट इंजन का उपयोग कर रहा हूं जो स्ट्रिंग को सीधे संभालता है, ताकि मुझे पृष्ठ पर अतिरिक्त स्क्रिप्ट टैग जोड़ने की आवश्यकता न हो।

this.activate = function() { 
     //load view model from the server 
     if (!this.loaded) { 
      require(["modules/" + name, "text!../templates/" + self.template + ".html"], function(Module, template) { 
       ko.templates[self.template] = template; 
       self.data(typeof Module === "function" ? new Module() : Module); 
       self.loaded = true; 
      }); 
     } 
    }; 

stringTemplateEngine है कि मैं कैसी लगती है का उपयोग करें:: https://github.com/rniemeyer/SamplePresentation/blob/master/js/stringTemplateEngine.js