Ember.js 기반 대시 보드

Question

저는 ember.js를 사용하는 응용 프로그램과 스프링 MVC로 작성된 나머지 API를 개발하고 있습니다. 그 위에 여러 위젯이있는 대시 보드를 만들어야합니다. 모든 위젯을 자체 동작으로 사용하고 다른 API 메소드를 호출합니다. 나는 위젯의 각 종류에 대해 하나의 컨트롤러 서브 클래스를 가질 것을 생각하고 있었다. 그런 다음 인스턴스를 생성하고 뷰를 컨테이너보기에 추가합니다. 그러나 ember는 각 컨트롤러에 대한 인스턴스를 자동으로 생성하므로 따라갈 수있는 좋은 경로입니까? ember.js 커뮤니티에 어떤 제안이 있습니까?

도움 주셔서 감사합니다.

Answer 1

보다는 각 위젯에 대한 슬롯, 차라리 ContainerView 것 위젯 영역 (열, ...)에 의해 슬롯을 가질 것이다 일 나는 것으로 사용자의 설정에 따라 위젯 뷰를 동적으로 추가합니다.

Answer 2

아이디어가 꽤 좋아 보입니다.

확실히 구조화 할 수있는 방법이 많이 있습니다. 이후 라우터에서 다음

{{outlet topWidgetView}} 
{{outlet leftWidgetView}} 
... 

, 대시 보드 경로의 connectOutlets 방법, 연결 위젯 : 나는 아마도 몇 outlets, 각 위젯 "슬롯"에 대한 하나를 가지고하는 DashboardView 및 DashboardController을 만들고, 그 템플릿에 제안 대시 보드 인스턴스화했습니다

router.get('applicationController').connectOutlet('dashboard'); 

router.get('dashboardController').connectOutlet({ 
    outletName: 'topWidgetView', 
    name: 'fooWidget' 
}); 
router.get('dashboardController').connectOutlet({ 
    outletName: 'leftWidgetView', 
    name: 'barWidget' 
});