Access the instance of the component from parent component in EmberJS
<p>I have a "container" component</p>

<pre><code># components/container-component.js

import Ember from 'ember';
export default Ember.Component.extend({
  displayComponent: 'simple-box'
});
</code></pre>

<p>The template is</p>

<pre><code># templates/container-component.hbs

&lt;div&gt;
  {{component displayComponent}}
&lt;/div&gt;
</code></pre>

<p>Now, from within "container-component" instance. How can I access the computed "displayComponent" instance?</p>

<p>Any ideas on how I could go about it?</p>

<p>When I use the <strong>get</strong> method I get the string identification of the component</p>

<pre><code>this.get('displayComponent') 
# returns (String) 'simple-box'
</code></pre>