emberjs：dynamic url

Question

我正在嘗試自定義網址。

更具體地說，我已經做的是： mypage.com/details/1

我想要做的是： mypage.com/details/john-doe

當然，我想完全一樣的行爲和現在一樣，唯一的區別是自定義字符串，而不是ID

這裏是我的DS模型

App.Images.FIXTURES = [ 
{ 
      id:1, 
      name: "John", 
      lastName: "Doe", 
      age: 25, 
      customUrl: "john-doe" 
}, 
{ 
      id:2, 
      name: "John", 
      lastName: "Doe", 
      age: 31, 
      customUrl: "john-doe1" 
}]; 

*請注意customUrl屬性是唯一的。

我的路線：

App.Router.map(function(){ 
     this.resource("details", {path: 'details/:image_id'}); 
    }); 

而且根據HTML：

{{#linkTo 'details' this}}The details{{/linkTo}} 

我有哪些選擇？將「this」放入html中會自動獲取ID。我沒有運氣試過this.customUrl（我得到了URL中的「undefined」值）。

謝謝你的幫助！

Answer 1

您可以在路由器覆蓋serialize返回customUrl而不是id

App.DetailsRoute = Ember.Route.extend({ 
    // .... 
    serialize: function(model) { 
     return { details_id: model.get('customUrl') }; 
    } 
});