如何知道哪个控制器加载到插座

Question

我有两个控制器都加载到同一个插座，所以一次只能启动一个控制器。两个这样的第三控制器上观察一个属性：

App.SearchController = Ember.ObjectController.extend({ 
    needs: ['navigation'], 

    updateResults: function() { 
     console.log('load search data'); 
    }.observes('controllers.navigation.search') 
}); 

全部样品

http://jsfiddle.net/FMk7R/1/

当属性改变一些数据被取出。如果我点击两个链接以便两者都加载，那么当属性更改时，两个控制器都会接收观察事件并加载数据。我只想将数据加载到可见的数据中。

如何确定哪个控制器当前处于活动状态并仅在活动控制器中加载数据？

Answer 1

理想情况下，您的控制器不应该知道它们处于活动状态。一种替代方法是反转关系，以便NavController负责更改“活动”控制器的查询属性。

**更新 - 添加例如基于评论**

App.SearchRoute = Ember.Route.extend({ 
    setupController: function(controller) { 
     this.controllerFor('navigation').set('active', controller); 
    } 
}); 

App.ImagesRoute = Ember.Route.extend({ 
    setupController: function(controller) { 
     this.controllerFor('navigation').set('active', controller); 
    } 
}); 

App.SearchController = Ember.ObjectController.extend({ 
    loadResults: function (query) { 
    console.log('loading web search data for: ', query); 
    } 
}); 

App.ImagesController = Ember.ObjectController.extend({ 
    loadResults: function (query) { 
    console.log('loading image search data for: ', query); 
    } 
}); 

App.NavigationController = Ember.ObjectController.extend({ 
    search: '', 
    active: null, 
    searchDidChange: function() { 
    this.get('active').loadResults(this.get('search')); 
    }.observes('search', 'active') 
}); 

参见http://jsfiddle.net/F3uFp/1/

另一替代方案是代之以使用计算性能。 Ember将仅刷新实际需要呈现活动视图的计算属性。例如：

App.SearchController = Ember.ObjectController.extend({ 
     needs: ['navigation'], 
     results: function() { 
      console.log('loading web search data'); 
      return("web search results"); 
     }.property('controllers.navigation.search') 
    }); 

查看更新后的提琴在这里：http://jsfiddle.net/ZTnmp/

http://jsfiddle.net/FMk7R/1/