title: Access the instance of the component from parent component in EmberJS
body: <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>