javascript - Ember- How to render multiple templates on one page? -
मेरे पास
& lt; body & gt; & lt; स्क्रिप्ट प्रकार = "टेक्स्ट / एक्स-हैंडलबार" & gt; & LT; h2 & gt; एम्बर.जेएस में आपका स्वागत है & lt; / h2 & gt; & lt; div वर्ग = "सूचियों" & gt; {{आउटलेट सूचियों}} & lt; / div & gt; & lt; div वर्ग = "सूची" & gt; {{आउटलेट सूची}} & lt; / div & gt; & Lt; / स्क्रिप्ट & gt; & lt; script type = "text / x-handlebars" डेटा-टेम्पलेट-नाम = "सूचियां" & gt; & LT; h3 & gt; कुछ सूची नाम & lt; / h3 & gt; & Lt; / स्क्रिप्ट & gt; & lt; script type = "text / x-handlebars" डेटा-टेम्पलेट-नाम = "सूची" & gt; & LT; h3 & gt; सूचियों से चयनित एक सूची & lt; / h3 & gt; & Lt; / स्क्रिप्ट & gt; & Lt; / body & gt; जे एस
ऐप = एम्बर.एप्लिकेशन। बनाएं (); App.Router.map (फ़ंक्शन () {this.resource ('सूचियों', {पथ: "/"})}}; App.ListsRoute = Ember.Route.extend ({renderTemplate: function () {this.render ({outlet: 'सूचियों'});}}); App.ListRoute = Ember.Route.extend ({renderTemplate: function () {this.render ({outlet: 'list'});}}); मुझे उम्मीद है
एम्बर.जेएस में आपका स्वागत है कुछ सूची नाम
a चयनित सूची नाम की सूची
लेकिन यह जेएसबीएन को तोड़ता है:। मैं अब भी सोच रहा हूं कि एक पृष्ठ पर एकाधिक टेम्पलेट कैसे प्रस्तुत करना है?
इस संदर्भ के साथ एक अच्छा जवाब देना कठिन है, लेकिन यदि आप जोड़ते हैं तो आपका उदाहरण काम करेगा
this.render ('list', {outlet: 'list'}); अपने रेंडर करने के लिए ListsRoute से हुक।
संपादित करें: चूंकि उपरोक्त कोड वास्तव में नहीं है, यह नेस्टेड मार्गों के साथ इस जेएसबीएन को देखें:
Comments
Post a Comment