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

Question

这就是我的。
2 个型号：'Note' 和 'User'。 Note 有一个名为 "user" 的字段，它使 replation 成为“1 个用户到多个 notes”。数据取自海市蜃楼。

备注型号：

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}}.

时，有一个空的 'user' 模型

我认为这个问题可能与以下事实有关：当我构建笔记列表时，'Note' 模型在没有 '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'
                }
            }
        }
    }
}

然后用id1加载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 以了解所需的响应。

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

Can't use related model in template (EmberJS)

javascript

ember.js

handlebars.js

ember-data

ember-cli-mirage