Is there a way to render a component instance?

[QuantumKing]

Is it possible to achieve something like this?

// app/controllers/index.js
Ember.Controller.extend({
  myComponent: Ember.Component.extend({})
});

{{! app/templates/index.hbs }}
{{component myComponent}}

I can't find it in the documentation. It used to be possible using views.

[stefanpenner]

#10093

[QuantumKing]

Ok, so it's not possible from what I'm reading. What's the correct way of achieving something like this?

[csantero]

@QuantumKing emberjs/rfcs#64 might be what you're looking for.

[rwjblue]

Component helper requires components to be looked up in the container (and does not allow locally defined components to be accessed).

You should take a look at emberjs/rfcs#64, which proposes a solution similar to your example code.

[rwjblue]

Closing this in favor of the RFC...

[chadian]

Hi,

Was just curious if this ever made it in? I've been trying to setup something twiddle with ember canary that would let me do something described by this issue. I've followed these references in trying to get this to work:

Both {{component refToComp}} and {{refToComp}} from something like:

import someComponent from 'someComponent';
export default Ember.Component.create({
  refToComp: someComponent.create({ changingDefaultProp: 'changed value' }) 
})

hasn't worked out for me.

Any guidance is greatly appreciated, thanks!

[rwjblue]

@chadian - Looks like you are mostly describing the new (in 2.3) contextual components feature. You might want to check out the 2.3.0-beta blog post for details...