Ember에서 코드 중복을 피하십시오.

Question

내 Ember.Router가 성장하고 성장하고 곧 30 개 이상의 URL 경로를 유지하게 될 것 같습니다. 이제는 이러한 많은 경로가 동일한 작업을 수행합니다. 예를 들어 헤더 콘센트 (예 : 모든 경우의 80 %)를 연결합니다.

이러한 중복을 피하기 위해 Ember.js- 방법이 있습니까? 아니면 중복 된 부분을 함수로 옮겨서 호출해야합니까?

업데이트

당신이 볼 수 있듯이, 세 가지 다른 경로 (기사, 게시물 및 사용자)가있다. 두 개는 헤더 콘센트를 연결하고 세 번째 콘센트는 연결하지 않습니다. 이제 헤더 콘센트를 연결하는 25 개의 경로와 그렇지 않은 5 개의 경로가 있다고 상상해보십시오. 이러한 중복을 피하려면 어떻게해야합니까?

App.Router = Em.Router.extend({ 
    root: Em.Route.extend({ 
    articles: Em.Route.extend({ 
     route: "/articles", 
     connectOutlets: function(router) { 
     router.get("applicationController").connectOutlet("header", "header"); 
     router.get("applicationController").connectOutlet(articles, App.Article.find()); 
     } 
    }), 
    posts: Em.Route.extend({ 
     route: "/posts", 
     connectOutlets: function(router) { 
     router.get("applicationController").connectOutlet("header", "header"); 
     router.get("applicationController").connectOutlet("posts", App.Post.find()); 
     } 
    }), 
    users: Em.Route.extend({ 
     route: "/users", 
     connectOutlets: function(router) { 
     // Don't connect the header here! 
     router.get("applicationController").connectOutlet("users", App.User.find()); 
     } 
    }) 
    }) 
}); 

Answer 1

그냥 생각은 .. 실제로 테스트 해 보지 않았다, 그러나 나는 이것에 유사한이 실제로 작동하는지

// some custom route 
var CommonRouteOrSomething = Em.Route.extend({ 
    route: "/", 
    connectOutlets: function(router) { 
     router.get("applicationController").connectOutlet("header", "header"); 
    } 
}) 

App.Router = Em.Router.extend({ 
    root: Em.Route.extend({ 
     articles: CommonRouteOrSomething.extend({ 
      route: '/articles', // override route string 
      connectOutlets: function(router) { 
       // your other outlet will be connected on the super class 
       this._super(router); 
       // then your actual outlet 
       router.get("applicationController") 
         .connectOutlet(articles, App.Article.find()); 
      } 
     }) 
     ... 
    }) 
}) 

확실하지 가능한 것이 무엇인가를 생각; 내가 가정 한 가정에 기반한 아이디어 일뿐입니다.

Answer 2

아마도 다른 방법으로는 중첩 된 경로를 사용할 수 있습니다. 여기까지 내가 이해하는 한 기사는 header 콘센트를 연결하고 게시물은 게시물을 연결합니다 outlet. posts 경로로 가려면 먼저 기사 경로를 가야한다고 가정합니다.

App.Router = Em.Router.extend({ 
    root: Em.Route.extend({ 
    articles: Em.Route.extend({ 
     route: "/articles", 
     connectOutlets: function(router) { 
     router.get("applicationController").connectOutlet("header", "header"); 
     router.get("applicationController").connectOutlet(articles, App.Article.find()); 
     }, 

     posts: Em.Route.extend({ 
     route: "/posts", 
     connectOutlets: function(router) { 
      router.get("applicationController").connectOutlet("posts", App.Post.find()); 
     } 
     }), 
    }), 

    users: Em.Route.extend({ 
     route: "/users", 
     connectOutlets: function(router) { 
    // Don't connect the header here! 
     router.get("applicationController").connectOutlet("users", App.User.find()); 
     } 
    }) 
    }) 
});