javascript - 无法将商店的响应映射到模型 - EmberJS

Question

我正在尝试一个 ember 应用程序，我在其中安装了 Mirage 并尝试伪造服务器。我正在使用 RestAdapter，模型没有从响应中获取数据。

适配器/application.js

import DS from 'ember-data';

export default DS.RESTAdapter.extend({
});

contacts.js(模型)

import DS from 'ember-data';
import ContactModel from 'c360-app/models/contactsmodel';
export default ContactModel.extend({
    contactname: DS.attr(''),
    groupid: DS.attr(''),
    email: DS.attr(''),
    contactnumber: DS.attr('')
});

all.js(路由)

import ContactRoute from 'c360-app/routes/contactsroute';
export default ContactRoute.extend({
    model: function() {
        return this.store.findAll('contacts');
    }
});

fixtures/contacts.js

export default [  
    {
        contactname: 'Anusha Swaminathan',
        groupid: '12345',
        email: 'xyz@gmail.com',
        contactnumber: '+91 12345',
        isFavourite: true,
        isIncomplete: false,
        isActive: true,
        hasAccess: true
    }, {
        contactname: 'Sriram Swaminathan',
        groupid: '12345',
        email: 'xyz@gmail.com',
        contactnumber: '+91 12345',
        isFavourite: true,
        isIncomplete: false,
        isActive: true,
        hasAccess: true
    }, {
        contactname: 'Bhuvaneswari Swaminathan',
        groupid: '12345',
        email: 'xyz@gmail.com',
        contactnumber: '+91 12345',
        isFavourite: false,
        isIncomplete: false,
        isActive: true,
        hasAccess: true
    }
];

场景/default.js

export default function( server ) {
   server.loadFixtures();
}

Config.js(Mirage)

export default function() {
  this.get('/contacts', function(db){
    return {contacts: db.contacts};
  });
}

contact-listing.hbs

    <table class = "contacts-table-header">
        <tr>
            <th>Contact Name</th>
            <th>Group ID </th>
            <th>Email Address</th>
            <th>Contact Number</th> 
        </tr>
{{#each model as |contact|}}
        <tr>
            <td>{{contact.contactname}}</td>
            <td>{{contact.groupid}}</td>
            <td>{{contact.email}}</td>
            <td>{{contact.contactnumber}}</td>
        </tr>

{{/each}}
</table>

我不知道我哪里出了问题。

请指导。提前致谢!!

Answer 1

在 all.js (route) 中，您可以尝试使用 return this.store.findAll('contact');模型文件名而不是 contact.js 说 contact.js