Issue #2327

by davidpett

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0-rc.3.js"></script>
<script src="http://builds.emberjs.com/ember-1.0.0-rc.3.js"></script>
<script type="text/x-handlebars" data-template-name="index">
    <h2> Index Content: </h2>
  <ul>    
    {{#each obj in controller itemController="obj"}}      
      <ul>
        {{#each item in obj.values itemController="item"}}
            {{item.testCmp}}  
            {{item.test}}
        {{/each}} 
      </ul>
      {{/each}}
   </ul >
</script>

CSS

ul {
    padding: 15px;
    font-size: 1.4em;
    color: green;
}

JavaScript

App = Ember.Application.create({});

App.IndexRoute = Ember.Route.extend({
    setupController: function (controller) {
        controller.set('content', Em.A([{
            values: Em.A([{
                test: '1'
            }, {
                test: '2'
            }])
        },
       {
           values: Em.A([{
            test: '1'
        }, {
            test: '2'
        }])
        }
      ]));
}
});
App.IndexController = Em.ArrayController.extend();
App.ObjController = Em.ObjectController.extend({
    init: function () {
        //console.log(this);
        console.log('created');
    }
});

App.ItemController = Em.ObjectController.extend({
    needs: ['obj'],
    testCmp: function () {
        var test = this.get('controllers.obj');        
        //instead of getting parent instance i'm getting newly created            
    }.property()
});