title: Conditionally render .hbs templates emberjs
body: <p>EDIT:</p>
  
  <p>I would like to conditionally display templates inside of a larger template as long as the presence of the larger template is True.</p>
  
  <p>in sidebar.hbs</p>
  
  <pre><code>&lt;div id="sidebar-wrapper" class="super-super-float-right-col"&gt;
    &lt;div id="sidebar-wrapper" class="super-float-right-col"&gt;
      &lt;div id="sidebar-wrapper" class="float-right-col"&gt;
        {{#if permit.id}}
            {{render 'applicant'}}
            {{render 'location'}}
        {{else}}
         &lt;h2&gt;Nope!&lt;/h2&gt;  
        {{/if}}
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In application.hbs I call the sidebar and the outlet</p>
  
  <pre><code>{{render sidebar}}
  {{outlet}}
  </code></pre>
  
  <p>So technically the sidebar is currently unrelated to the results of the <code>{{outlet}}</code>. </p>
  
  <p>I want to connect the the results of the <code>{{outlet}}</code> with which templates are rendered in sidebar.hbs.</p>
  
  <p>Right now I'm getting "Nope!"</p>
  
  <p>EDIT: I was able to use <code>{{#if this.id}}</code> to make the conditions on the <code>permit.hbs</code> page true. Now I'm trying to figure out how to apply that same logic for rendering</p>
  
  <p>Much love,
  Ian</p>