1

私はまだ ember.js を使い始めたばかりですが、フレームワークの中でまだ大規模に見ていない部分の 1 つは、基本的な Ember Router です。小さな単一ページのアプリでは、すべての状態/ルートなどを管理する 1 つのルーターしかありません。しかし、アプリが成長するにつれて、パターンが 1 つのオブジェクトだけに集中しているように見える場合、複雑さをどのように管理しますか?

これが私が見落としているだけなのか、それとも iOS の AppDelegate のような大規模なグローバル状態管理オブジェクトであると想定されているのか、興味があります。

4

1 に答える 1

2

私のやり方が一般的に受け入れられているベストプラクティスであるかどうかはわかりませんが、ルーターが大きくなったときに、ルーターを複数のファイルに分割する必要があることは知っています。私はこのようにそれを達成しました：

app_router.js

App.Router = Ember.Router.extend({
  enableLogging: true,
  root: Ember.Route.extend({
    route: '/',
    index: Ember.Route.extend({
      route: '/',
      redirectsTo: 'app.index'
    }),
    app: Ember.Route.extend({
      route: '/app',
      showProfile: Ember.Route.transitionTo("user.index"),
      index: Ember.Route.extend({
        route: '/',
        redirectsTo: 'items'
      }),
      items: App.ItemsRoute,
      item: App.ItemRoute,
      users: App.UsersRoute,
      user: App.UserRoute,
      hashtagbrand: App.HashtagbrandRoute
    })
  })
});

items_router.js

App.ItemsRoute = Ember.Route.extend({
  route: '/items',
  connectOutlets: function(router, items) {
    router.get("applicationController").connectOutlet({
      name: 'carouselContainer',
      outletName: 'carousel',
      context: App.store.find(App.Item)
    });
    router.get("applicationController").connectOutlet({
      name: 'logo',
      outletName: 'header'
    });
  },
  index: Ember.Route.extend({
    route: '/'
  })
}); 


App.ItemRoute = Ember.Route.extend({
  route: '/items/:id',
  //...
  index: Ember.Route.extend({
    route: '/'
    //...
  })
});
于 2012-09-15T18:09:15.693 に答える