title: with ember cli, how to specify different layout for a component within POD structure
body: <p>I have a a basic ember cli app with a component, and I wanted to specify different layoutName to the component based on a property passed to it. I am not sure how to achieve this. Right now I just want to know how to specify a templateName to a known template to get started. This is what I tried:</p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Component.extend({
  
      layoutName: null,
  
      initialize: function() {
          this.set('layoutName', 'pi/pods/components/questions/single-select/standard-layout');
      }.on('init')
  
  });
  </code></pre>
  
  <p>and my folder structure looks like:</p>
  
  <pre><code>app
  |-pods
      |-components
                |-questions
                      |-single-select
                              |-component.js
                              |-template.hbs//just has {{yield}}
                              |-standard-layout.hbs//says hello
  </code></pre>
  
  <p>JUST A THOUGHT : This may be a new question itself - before we used jsbin to collaborate but now how can we achieve same when we are building stuff with ember-cli!!</p>
  
  <p><strong>SOLUTION :</strong>
   as per @sunrize920 suggestion, I had to break out of POD structure a bit. So the working solution looks like this:</p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Component.extend({
  
      layoutName: null,
  
      initialize: function() {
          this.set('layoutName', 'components/questions/single-select/standard-layout');           
      }.on('init')
  
  });
  </code></pre>
  
  <p>And then my folder structure looks like this:</p>
  
  <pre><code>dev-folder
      |-app
          |-pods
              |-components
                        |-questions
                              |-single-select
                                      |-component.js
                                      |-standard-layout
                                           |-template.hbs
  </code></pre>