Javascript 无法映射存储';s对模型的响应-EmberJS
我正在尝试一个余烬应用程序,我已经安装了幻影,并试图伪造服务器。我使用的是RestAdapter,模型没有从响应中获取数据 适配器/application.jsJavascript 无法映射存储';s对模型的响应-EmberJS,javascript,ember.js,ember-cli-mirage,Javascript,Ember.js,Ember Cli Mirage,我正在尝试一个余烬应用程序,我已经安装了幻影,并试图伪造服务器。我使用的是RestAdapter,模型没有从响应中获取数据 适配器/application.js import DS from 'ember-data'; export default DS.RESTAdapter.extend({ }); export default [ { contactname: 'Anusha Swaminathan', groupid: '12345',
import DS from 'ember-data';
export default DS.RESTAdapter.extend({
});
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
}
];
export default function( server ) {
server.loadFixtures();
}
<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>
contacts.js(型号)
all.js(路由)
fixtures/contacts.js
import DS from 'ember-data';
export default DS.RESTAdapter.extend({
});
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
}
];
export default function( server ) {
server.loadFixtures();
}
<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>
场景/default.js
import DS from 'ember-data';
export default DS.RESTAdapter.extend({
});
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
}
];
export default function( server ) {
server.loadFixtures();
}
<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>
Config.js(幻影)
联系人列表.hbs
import DS from 'ember-data';
export default DS.RESTAdapter.extend({
});
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
}
];
export default function( server ) {
server.loadFixtures();
}
<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>
联系人姓名
组ID
电子邮件地址
联系电话
{{{#每个模型作为|联系人}
{{contact.contactname}
{{contact.groupid}
{{contact.email}
{{contact.contactnumber}
{{/每个}}
我不知道我哪里出错了
请引导。提前谢谢 在all.js(route)中,您可以尝试使用return this.store.findAll('contact');和model file name而不是contacts.js在all.js(route)中说contact.js,您可以尝试使用return this.store.findAll('contact');和model file name,而不是contacts.js,比如contact.js在开发者工具的“网络”选项卡中,您是否可以看到任何请求被触发和响应?另外,您是否使用了Ember inspector,您是否可以看到模型中填充了数据?您是否可以在开发人员工具中的“网络”选项卡中看到任何请求被触发和任何响应?另外,您是否使用了Ember inspector,您是否可以看到模型中填充了数据?好的,让我试试。使用拐点使“联系人”不可数行吗?好的,让我试试。使用拐点使“联系人”不可数会起作用吗?