javascript - EmberJS: 動的セグメント (ルーター) を使用するがストアを使用しない ArrayController

Question

次の「シンプルな」アプリをどのように構築できるか疑問に思っていました。

/photos/ (shows all photos – via ArrayController but without a remote service)
/photos/1  ... /photos/2  (shows one photo)

誰でもベストプラクティスを提供できますか?

Answer 1

必要なURLに一致するルートを定義する必要があります。

App.Router.map(function() {
    // this will give you ~/#/photos
    this.route('photos') 
    // this will give you ~/#/photos/1 (or whatever number)   
    this.route('photo', { path: '/photos/:photo_id' }); 
});

サンプルは次のとおりです：http：//jsfiddle.net/schawaska/AabL8/

親指のリストを表示するなど、ネストされたビューを実行する場合、親指をクリックすると、リストの下に実際のサイズの画像が表示されます。次のようにネストされたルートリソースを使用して、少し異なる方法で行う必要があります。

App.Router.map(function() {    
    this.resrouce('photos', function() {
        this.route('photo', { path: '/:photo_id' });    
    });
});

この方法で行う場合は{{outlet}}、「写真」テンプレートにを追加Photosし、単一の写真オブジェクトを担当するクラスの名前を追加する必要があります

• PhotoRouteになりますPhotosPhotoRoute
• data-template-name="photo"になりますdata-template-name="photos/photo"

サンプルは次のとおりです：http：//jsfiddle.net/schawaska/JfRbf/