在 ember 路由中使用序列化钩子

Question

ember路由类中serialize hook有什么用？

       App.PostRoute = Ember.Route.extend({
        model: function(params) {
            return this.store.find('post', params.post_id);
        },

        serialize: function(post) {
            return { post_id: post.get('id') };
        }
    });

Ember 文档说：

如果您的动态段以 _id 结尾，则默认模型挂钩会将第一部分转换为应用程序命名空间上的模型类（post 变为 App.Post）。然后它将使用动态段的值对该类调用 find 。 默认的序列化钩子将使用模型对象的 id 属性拉动动态段。

但我无法理解路由类中序列化钩子的使用

Answer 1

serialize 方法确定使用什么作为所提供实体的参数。

示例。

假设您有以下用户模型，具有以下属性。

id
username
email

现在，如果您有一个用户列表，并且想要链接到显示用户详细信息页面，则可以使用这样的循环。

{{#each users}}
  {{#link-to user.show this }} {{username}} {{/link-to}}
{{/each}}

所以当 Ember 看到这个链接到帮助器时，我会将它转换为一个链接，它可能看起来像这样

<a href="/user/1">elvar</a>

现在这里的默认行为是使用 id 作为参数，这是您自己的示例显示的，我从模型中选择 id。我们可以使用序列化器方法来改变它。

假设我们不想使用 id，而是使用用户名作为参数。

App.UserShowRoute= Ember.Route.extend({
    model: function(params) {
        return this.store.find('user', params.user);
    },

    serialize: function(user) {
        return { user: user.get('username') };
    }
});

现在链接到帮助器将产生以下内容。

 <a href="/user/elvar">elvar</a>