Ember.js 컨트롤러간에 속성 전달

Question

건배! 두 개의 컨트롤러가 있는데 TravelClient.TourController에서 takenSeatsNumbers에 액세스하고 싶습니다.

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

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

올바른 방법으로 needs을 사용합니까? 그리고 takenSeatsNumbers을 tour 템플릿에서 가져 오는 방법은 무엇입니까?

Answer 1

, 이것은 current bug이며, 따라서 위의 보이는 일 것이다 , jsFiddle이 보여 주듯이 현실에서는 작동하지 않습니다. 그 순간의 해결책은 경로의 this.controllerFor을 통해 컨트롤러의 인스턴스를 전달하는 것입니다. 그것은 이상과는 거리가 멀지 만 지금은 충분할 것입니다.

당신이 CamelCase를을 사용하거나 * under_scores은 * 다음은 당신에게 다른 인스턴스를 생성 할 경우 반면 엠버의 dot.notation를 사용하여 컨트롤러를 의미하기 때문에 발생합니다.

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를 기반으로합니다. 다른 컨트롤러에서 속성의 프록시는이 방법으로 패턴으로 보인다 가능성이 믹스 인의 도움으로 일반화 될 수있다 : 위에서 언급 한 바와 같이

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: [] 
});