Свойства Ember.js проходят между контроллерами

Question

Приветствия! У меня есть два контроллера, и я хочу иметь доступ к takenSeatsNumbers от TravelClient.TourController.

TravelClient.TourController = Ember.ObjectController.extend({ 
    needs: ['tour.seats'] 
}); 

TravelClient.TourSeatsController = Ember.ObjectController.extend({ 
    takenSeatsNumbers: [] 
}); 

Правильно ли я использую needs? И как получить takenSeatsNumbers от tour шаблон?

Answer 1

Как уже упоминалось выше, это current bug и так выше будет , казалось бы, работу , но не будет работать в действительности, как демонстрирует jsFiddle. Решение на данный момент должно пройти в случае контроллера через this.controllerFor на маршруте. Это далеко не идеальный, но пока этого достаточно.

Это происходит потому, что Эмбер относится к контроллерам с использованием dot.notation, в то время как при использовании верблюжьего или * under_scores *, то это создаст вам различные экземпляры.

Решение внедрить контроллер от вашего маршрута, например:

TravelClient.IndexRoute = Ember.Route.extend({ 
    setupController: function(controller) { 
     var tourSeatsController = this.controllerFor('tour.seats'); 
     tourSeatsController.set('takenSeatsNumbers', [1,2,3]); 
     controller.set('tourSeatsController', tourSeatsController); 
    } 
}); 

И тогда вы можете использовать его на ваш взгляд, как: {{tourSeatsController.takenSeatsNumbers.length}}.

Answer 2

Этот код основан на ember-pre4. Проксирование свойств от другого контроллера, кажется, шаблон таким образом, и, вероятно, могут быть обобщены с помощью Mixin:

TravelClient.TourController = Ember.ObjectController.extend({ 
    needs: ['tourSeats'], 
    someMethod : function(){ 
    var tourSeatsController = this.get("controllers.tourSeats"); 
    // do something with it 
    }, 
    takenSeatsNumbers : function(){ //proxy the property 
    return this.get("controllers.tourSeats.takenSeatsNumbers") 
    }.property("controllers.tourSeats.takenSeatsNumbers") 
}); 

TravelClient.TourSeatsController = Ember.ObjectController.extend({ 
    takenSeatsNumbers: [] 
});