title: How to render Ember component dynamically
body: <p>Rendering a component works well when using <code>{{component-name}}</code> in template. I want to render a component from route with dynamic parameters. I've tried this</p>
  
  <pre><code>App.ApplicationRoute = Ember.Route.extend({
    init: function(){
        this.render("components/comp-two", {
          into: "application",
          outlet: "test"
        });
  
    }
  });
  </code></pre>
  
  <p>It successfully renders a template, but component's events(init, didInsertElement) and actions don't work.</p>
  
  <p>How to make events and actions work ?</p>
  
  <p>example: <a href="http://emberjs.jsbin.com/badaku/1/">http://emberjs.jsbin.com/badaku/1/</a></p>