Emberで適切な編集ルートを作成するには？</p> <pre><code>this.route('cards', function() { this.route('all'); this.route('card', {path: ':id'}); this.route('new'); }); </code></pre> <p>私はカードの<code>edit</code>ルートを作りたい：

Question

現在、私のルートは、このようなものです。 cards/1/editのようなルートを編集可能にすることが適切であると私は期待しています。しかし、私はそれをどのように進めるかについては不明です。 cards/1/editのようなルートを作成すると、そのルート上で編集フォームを表示したり、バックエンドにPATCHリクエストを送信したりするにはどうすればよいですか。

this.route('cards', function() { 
    this.route('all'); 
    this.route('card', {path: ':id'}, function() { 
    this.route('edit'); 
    }); 
    this.route('new'); 
}); 

はしかし、私はcards/edit/1のような単純なルートを作るならば、私はバックエンドにデータを送信することができるよしかし、それは、次のようなものがあるでしょう：

this.route('cards', function() { 
    this.route('all'); 
    this.route('card', {path: ':id'}); 
    this.route('new'); 
    this.route('edit', {path: ':id'}); 
}); 

これはそれを示すエラーがスローされますcards/cardはルートではありません。

Answer 1

これは私が使用した実際のルートです：

this.route('cards', function() { 
    this.route('all'); 
    this.route('card', {path: '/:card_id'}, function() { 
    this.route('edit'); 
    }); 
    this.route('new'); 
}); 

をそして、私はカードを変更するには、[編集]ルート（cards/1/edit）に行きますよ。 @Visualjeff

Answer 2

これは私が過去にやったことです：

this.route('cards', function() { 
    //An index route for cards is implied. 
    this.route('add', {path: '/add'}); 
    this.route('update', {path: '/update/:id'}); 
}); 

対応するURL（インプライド・カード/ index.hbsで始まる）は次のようになります。

• http://localhost:4200/cards
• http://localhost:4200/cards/add
• http://localhost:4200/cards/update/1

希望これは、助け

ジェフ