Dynamically loading templates in Meteor.js
I would like the ability to load templates dynamically without explicitly specifying the template.
As an example:
-
Meteor 0.9.x New API
Dan Dascalescu pointed out Meteor now has built-in dynamic templates! This is nice because you do not need to include the extra code as seen in previous versions.
{{> Template.dynamic template=template [data=data] }}For Meteor 0.8.x Legacy
Dynamic Template Without Data: Boris Kotov's updated Blaze (0.8.0) answer is on the right track (taken from the latest docs), but it doesn't work as-is for me. I got the following to work:
{{> dynamicTemplate name=myDynName}} {{#with chooseTemplate name}} {{> template}} {{/with}} Template.dynamicTemplate.chooseTemplate = function (name) { return { template: Template[name] }; };I hope there is a simpler solution, but I needed to wrap the Template in a JSON as shown. Maybe this will help someone else to move forward.
Dynamic Template With Data: If you have and want data to be dynamic, be sure to make a helper method that can react. Be sure to do a Session.set() somewhere to see the effect.
// Inside "myContainingTemplate" {{> dynamicTemplateWithData name=myDynName data=myDataHelper}} {{#with chooseTemplate name}} {{#with ../data}} {{> ..}} {{/with}} {{/with}} Template.dynamicTemplateWithData.chooseTemplate = function (name) { return Template[name]; }; Template.myContainingTemplate.helpers({ myDataHelper: function () { Session.get('myReactiveKey'); } });
加载中...
- 热议问题