如何在 Ember 模板中显示 API 响应?

DJ_Beardsquirt

我正在使用 Ember 从 a 中检索特定记录REST API并将其显示在模板上。我可以从我的序列化程序控制台记录有效负载,它可以正确显示对象,但我的模板似乎无法访问它。

有效载荷具有以下结构:

{ 
  _id: 5cb0f8bd3b74cf22b75e1a37,
  name: 'Mu',
  hour: 0,
  day: 0,
  week: 0,
  month: 0,
  year: 753,
  size: 1,
  detail: 1,
  createdAt: 2019-04-12T20:44:45.691Z,
  updatedAt: 2019-04-12T20:44:45.691Z,
  __v: 0 
}

我的 ember 路线如下所示:

import Route from '@ember/routing/route';

export default Route.extend({
  model() {
    this.get('store').find('world', '5cb0f8bd3b74cf22b75e1a37');
  },
})

我的适配器看起来像这样:

import DS from 'ember-data';

export default DS.RESTAdapter.extend({
  host: 'http://localhost:3000',
  pastForType() {
    return 'worlds';
  },
});

这是我的世界余烬模型:

import Model from 'ember-data/model';
import DS from 'ember-data';

const { attr } = DS;

export default Model.extend({
  name: attr('String'),
  hour: attr('Number'),
  day: attr('Number'),
  week: attr('Number'),
  month: attr('Number'),
  year: attr('Number'),
  size: attr('Number'),
  detail: attr('Number')
});

负载由我的序列化器标准化:

import DS from 'ember-data';

export default DS.RESTSerializer.extend({
  primaryKey: '_id',

  normalizeResponse(store, primaryModelClass, payload, id, requestType) {
    payload = { worlds: payload };
    console.log(payload);
    return this._super(store, primaryModelClass, payload, id, requestType);
  }
});

当路由被调用时,控制台输出:

Object { worlds: {…} }

对象内的数据是正确的,但是当我尝试{{model.name}}在我的把手模板中访问时,没有显示任何内容。

我是否无法以某种方式将对象传递给模板?我只是指错了吗?

杰尔汗

正如评论中已经提到的,您错过了在路线model挂钩中返回因此,undefined即使您的store.find()请求通过预期记录正确解析,路由的模型也是如此

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ember-data API中的错误响应

来自分类Dev

无法解析ember中的API响应

来自分类Dev

加载模型时如何在Ember中显示加载模板?

来自分类Dev

如何在Ember.js模板中显示hasMany记录?

来自分类Dev

如何在Ember的错误模板中显示Promise拒绝数据?

来自分类Dev

如何在React中获取API响应?

来自分类Dev

如何在反应中管理API的响应?

来自分类Dev

如何在 Ember JS 中获取 REST Api?

来自分类Dev

如何在Ember中处理来自服务器的重定向响应

来自分类Dev

处理错误时如何在ember-data中设置自定义响应json

来自分类Dev

如何在rails-api中响应OPTIONS HTTP方法?

来自分类Dev

如何在Twitter API响应中检索[object Object]值

来自分类Dev

如何在翻新中解析Restfull API JSON响应?

来自分类Dev

如何在Web API的响应中附加文件

来自分类Dev

如何在响应中传递多个数组-Laravel API

来自分类Dev

如何在drf api响应中获取距离?

来自分类Dev

如何在 IB API 中接收响应时发送请求?

来自分类Dev

如何在反应中映射来自 API 的响应

来自分类Dev

如何在 Python 中解析 Twitch API 响应

来自分类Dev

如何根据ember.js控制器中的ajax响应显示或隐藏微调器?

来自分类Dev

如何在Ember中显示HasMany关系

来自分类Dev

如何在Ember中显示HasMany关系

来自分类Dev

如何在React JS中以表格格式显示API响应?

来自分类Dev

如何在data-studio中显示快照API响应数据?

来自分类Dev

如何在 REST API 中显示自定义错误响应

来自分类Dev

如何在我的网页中显示我的 Open Weather Map API 查询的响应?

来自分类Dev

如何在警报中显示AJAX响应

来自分类Dev

如何显示响应API调用的图像?

来自分类Dev

如何显示来自API响应的视频链接

Related 相关文章

热门标签

归档