how can I invoke an ember component dynamically via a variable?

by

I tried this and it seems to work, but its just a lot of guesswork on my part:

Ember.Handlebars.registerHelper('renderComponent', function(componentPath, options) {
  var component = Ember.Handlebars.get(this, componentPath, options),
      helper = Ember.Handlebars.resolveHelper(options.data.view.container, component);

  helper.call(this, options);

});

and you use it the same way:

{{#each widget in widgets}}
  {{renderComponent widget.componentClass widget=widget}}
{{/each}}

More Related Contents:

  1. EmberJS: How to load multiple models on the same route?
  2. How can I execute array of promises in sequential order?
  3. How do you create a custom adapter for ember.js?
  4. How to make embedded hasMany relationships work with ember data
  5. Ember transition & rendering complete event
  6. Ember without Ember Data
  7. Ember.js and RequireJS
  8. ember.js + handlebars: render vs outlet vs partial vs view vs control
  9. Rendering resolved promise value in Ember handlebars template
  10. Single event handler for four button clicks
  11. Can’t append element
  12. Does return stop a loop?
  13. How to get the raw value an field?
  14. Losing scope when using ng-include
  15. How to change value of object which is inside an array using JavaScript or jQuery?
  16. How do I print part of a rendered HTML page in JavaScript?
  17. Angular: Can’t find Promise, Map, Set and Iterator
  18. Are dashes allowed in javascript property names?
  19. Selecting last element in JavaScript array [duplicate]
  20. Python: Unable to download with selenium in webpage
  21. onClick doesn’t render new react component.
  22. Uploading Image to Amazon s3 with HTML, javascript & jQuery with Ajax Request (No PHP)
  23. Modifying a query string without reloading the page
  24. gapi is not defined – Google sign in issue with gapi.auth2.init
  25. Security Issues for allowing users to add own JavaScript to your site?
  26. Problem with date formats in JavaScript with different browsers
  27. Writing data to a local text file with javascript
  28. How can I round to whole numbers in JavaScript?
  29. Google Maps – Weird geometry.location attributes (G, K)
  30. How to Bootstrap navbar static to fixed on scroll?

Leave a Comment