ember.js - Ember 父子控制器关系

Question

我正在尝试使用本 Ember 指南中描述的“需要”语法在父 ArrayController 和子 ObjectController 之间建立关系 - http://emberjs.com/guides/controllers/dependencies-between-controllers/

当我尝试访问控制器对象以从子对象获取对父对象的引用时，出现“控制器对象未定义”错误。任何帮助表示赞赏！

Ember 版本 RC4

模板：

<script type="text/x-handlebars" data-template-name="gigs">
<div> // code simplified
    {{#each controller itemController="gig"}}
        {{#view App.GigView contentBinding="this"}}
            <div class="tile">
                <img {{bindAttr src="photo_url"}} />
                {{#if widgetDisplayed}}
                    // widget view
                {{/if}}
            </div>
        {{/view}}
    {{/each}}
</div>  
</script>

Javascript：

App.GigsController = Ember.ArrayController.extend({
  anyWidgetDisplayed: false,

  isAnyWidgetDisplayed: function() {
      return anyWidgetDisplayed;
  }
});

App.GigController = Ember.ObjectController.extend({
  needs: ["gigs"],
  widgetDisplayed: false,

  displayWidget: function() {
    console.log(controllers.gigs);
    if (!controllers.gigs.isAnyWidgetDisplayed) {
      this.set("widgetDisplayed", true);
    }   
  }
});

Answer 1

当您通过需求使用控制器时，您应该使用 get 函数获取控制器，

displayWidget: function() {
    var gigsController = this.get('controllers.gigs')
    console.log(gigsController);
    if (!gigsController.get('isAnyWidgetDisplayed')) {
      this.set("widgetDisplayed", true);
    }   
  }

或者当你使用itemController时，你不需要使用需要获取parentController，你可以使用parentController属性

App.GigController = Ember.ObjectController.extend({
  widgetDisplayed: false,

  displayWidget: function() {
    var gigsController = this.get('parentController');
    console.log(gigsController);
    if (!gigsController.get('isAnyWidgetDisplayed')) {
      this.set("widgetDisplayed", true);
    }   
  }
});

参考：这个拉取请求