javascript - 无法在模板中使用相关模型(EmberJS)

Question

这就是我所拥有的。
2 种模型:“注释”和“用户”。注释有一个名为“用户”的字段，它使“1 个用户对应多个注释”进行复制。数据取自 Mirage。

备注型号:

export default DS.Model.extend({
    subject: DS.attr(),
    message: DS.attr(),
    user: DS.belongsTo('user'),
    created_at: DS.attr(),
    updated_at: DS.attr(),
});

用户模型:

export default DS.Model.extend({
    username: DS.attr(),
    email: DS.attr(),
    notes: DS.hasMany('note'),
});

海市蜃楼代码:

let notes = [
    {
        id: 1,
        type: 'note',
        attributes: {
            subject: 'Test 1',
            message: 'tttttttttttttttttttttttt',
            user_id: 1,
            'created-at': '2017-03-10 15:04:22',
            'updated-at': '2017-03-10 15:04:22',
        }
    },
    {
        id: 2,
        type: 'note',
        attributes: {
            subject: 'Test 2',
            message: 'klakljadlfkjhasdflij',
            user_id: 1,
            'created-at': '2017-02-10 15:04:22',
            'updated-at': '2017-02-10 15:04:22',
        }
    }
];

let users = [
    {
        id: 1,
        type: 'user',
        attributes: {
            username: 'user',
            email: 'user@email.com',
        }
    }
];

this.get('/notes/:id', function (db, request) {
    let note = notes.find((note) => parseInt(request.params.id) === note.id);
    let result = {
        data: note
    };
    if (request.queryParams.include === 'user') {
        result.included = [users.find((user) => parseInt(note.attributes.user_id) === user.id)];
    }
    return result;
});

检索用户模型(正如我在 EmberInspector 中看到的那样)。
当我在模板内使用 {{model.user.username}} 时，输出为空。
当我使用 {{log model.user}} 时，有一个空的“用户”模型。

我认为这个问题可能与以下事实有关:当我构建笔记列表时，在没有“用户”模型的情况下，“笔记”模型被检索得更早。

非常感谢您的帮助!

Answer 1

您的问题是您使用了 JSONAPISerializer 但您的响应不符合 JSONAPI。 JSONAPI 会期望这样:

{
    data: {
        id: 1,
        type: 'note',
        attributes: {
            subject: 'Test 1',
            message: 'tttttttttttttttttttttttt',
            'created-at': '2017-03-10 15:04:22',
            'updated-at': '2017-03-10 15:04:22',
        },
        relationships: {
            user: {
                data: {
                    type: 'user'
                    id: '1'
                }
            }
        }
    }
}

然后使用 id 1 加载 user。

但你的回应是这样的:

{
    data: {
        id: 1,
        type: 'note',
        attributes: {
            subject: 'Test 1',
            message: 'tttttttttttttttttttttttt',
            user_id: 1,
            'created-at': '2017-03-10 15:04:22',
            'updated-at': '2017-03-10 15:04:22',
        }
    }
}

因此，ember-data 认为该笔记没有用户。阅读 JSONAPI 以了解所需的响应。