如何在 ember.js 路由中显示模型的非 id 字段的字符串值？

我有一个自定义字段，允许您过滤模型列表（在某些 ArrayController 上）

  PersonApp.SearchField = Ember.TextField.extend({
      keyUp: function(e) {
          var search = this.get('value');
          model = PersonApp.Page.create({term: search});
          this.get('controller.target').transitionTo('person.search', model);       
      }
  });

这是我用于分页和过滤/搜索的非常简单的模型

  PersonApp.Page = Ember.Object.extend({                                            
      term: ''
  });

我添加了一条适用于上面模型的简单路线

  PersonApp.Router.map(function(match) {
      this.resource("person", { path: "/" }, function() {
          this.route("page", { path: "/page/:page_id" });
          this.route("search", { path: "/search/:page_term" });                     
      });
  });

最后这是我的路线 setupController 方法

 PersonApp.PersonSearchRoute = Ember.Route.extend({
     setupController: function(controller, model) {
         this.controllerFor('person').set('filterBy', model.get('term'));
     }
 });

过滤器确实有效（这意味着它确实使用上面 setupController 中的 filterBy 修改了 ArrayController）。

但在 URL 中我看到以下内容

http://www.google.com/#/search/<PersonApp.Page:ember517>

代替

http://www.google.com/#/search/foo

有什么方法可以修改 model/route/setupController 以显示文本吗？

另外-这样的事情应该只是索引/主路线上的一个简单的“事件”，而不是像我上面那样的自定义路线吗？如果是这样，我仍然可以修改网址（我假设不能 - 所以这就是我现在将其作为路线的原因）

您需要使用serialize钩在PersonSearchRoute。根据serialize docs http://emberjs.com/api/classes/Ember.Route.html#method_serialize, serialize is:

您可以实现一个挂钩，将路由的模型转换为 URL 的参数。

对于你的例子：

PersonApp.PersonSearchRoute = Ember.Route.extend({
  setupController: function(controller, model) {
    this.controllerFor('person').set('filterBy', model.get('term'));
  },
  model: function(params) {
    return PersonApp.Page.create({term: params.page_term});
  },
  serialize: function(model) {
    return { page_term: model.term };
  }
});

JSBin 示例 http://jsbin.com/ixupad/202/edit

这将显示正确的 URL：#/search/foo但如果您直接导航到该 URL，或刷新该 URL 处的页面，您将需要使用model钩子使用提供的动态参数查找并返回模型。从返回的值model钩子是model参数传入setupController当直接导航到 URL 时，但是如果transitionTo or a {{#linkTo}}使用通过这些调用传递的对象直接传递到setupController.