title: Accessing properties of a child view created within {{#each}} iterator
body: <p><strong>Edit:</strong> Problem was with my own local settings and the way I was including the views in my application. Once I fixed those issues, the problem was resolves. The code here is actually correct. The answer Chrixian provided also work.</p>
  
  <p>I am stuck on something that seems rather simple. I want to access some computed properties of my view constructed inside an each loop in handlebars.</p>
  
  <pre><code>&lt;div class='build-buttons-wrapper'&gt;
    &lt;button class="list-builds-button" {{action "toggleBuildsList" target="view"}} &gt;&lt;/button&gt;
    &lt;button class="build-button" {{action "buildApp" on="click" target="view"}} &gt;Build&lt;/button&gt;
  &lt;/div&gt;
  &lt;div class='builds-list'&gt;
    &lt;h2 class="build-title"&gt;Latest builds&lt;/h2&gt;
    &lt;ul class="builds-list"&gt;
    {{#each content}}
      {{#view Jimux.BuildView buildBinding="this"}}
        &lt;span class="build-date"&gt;{{createdAt}}&lt;/span&gt;
        &lt;a {{bindAttr href="srcArchive"}} class="download-button source"&gt;Source&lt;/a&gt;
  
        {{! *here are different ways I have tried to access "finished" property* }}
        {{log build.view.finished}}
        {{log view.finished}}
        {{log finished}}
        {{log this.finished}}
        {{log build.finished}}
  
        {{#if build.finished}}
          &lt;div class="build-progressbar"&gt;&lt;/div&gt;
        {{else}}
          &lt;div class="build-progressbar"&gt;&lt;div class="build-percent" style="width:{{unbound percent}}%"&gt;&lt;/div&gt;&lt;/div&gt;
        {{/if}}
      {{/view}}
    {{/each}}
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the <code>BuildsView</code> which is using this template:</p>
  
  <pre><code>  Jimux.BuildsView = Em.View.extend({
    templateName: 'builds'
    listVisible: false
    classNames: ['builds-view']
    buildApp: (view, event, ctx) -&gt;
      @get('controller').newBuild()
    ,
    hideList: -&gt;
      @set 'listVisible', false
      this.$(".builds-list").hide("slide", {direction: "up"}, 300)
    ,
    showList: -&gt;
      @set 'listVisible', true
      this.$(".builds-list").show("slide", {direction: "up"}, 300)
    ,
    toggleBuildsList: (view, event, ctx) -&gt;
      if @get 'listVisible' then @hideList() else @showList()
    ,
    didInsertElement: -&gt;
      @hideList() if not @get 'listVisible'
  
  })
  </code></pre>
  
  <p>And here is the <code>BuildView</code> which is created inside the <code>{{#each}}</code> iterator in the template above.</p>
  
  <pre><code>Jimux.BuildView = Ember.View.extend(
    tagName: 'div',
    classNames: ['build-item'],
    #testBinding: true,
    sample: true,
    finished: ( -&gt;
      return true
      #return (@get 'percent') == 100
    ).property('percent')
  )
  </code></pre>
  
  <p>Everything above works as expected. For example I can access percent property of each child view using {{percent}}. But if I define my own properties inside the <code>Jimux.BuildView</code> as show above, I cant seem to find a way to access them within the handlebars <code>{{#each}}</code> iterator. You can see the different ways I have tried inside the handlebars code with <code>{{log}}</code> statements, all those print <code>undefined</code> in the console. What am I missing here?</p>