未捕获错误:未找到“模型”

时间:2015-05-22 12:33:15

标签: ember.js ember-data

我正在使用以下内容构建Ember-CLI应用程序:

DEBUG: Ember                          : 1.10.0
DEBUG: Ember Data                     : 1.0.0-beta.15
DEBUG: jQuery                         : 2.1.3

使用表单,我正在尝试将更改保存在2个单独的模型上。 其中一个模型(用户模型)成功保存,而另一个(配置文件模型)抛出此错误:

Uncaught Error: No model was found for 'userProfile'

模型

有问题的两个模型是:

models/user.js
models/user/profile.js

用户模型:

import DS from "ember-data";

export default DS.Model.extend({
    email: DS.attr('string'),
    username: DS.attr('string'),
    firstname: DS.attr('string'),
    lastname: DS.attr('string'),
    comments: DS.hasMany('comments'),
});

个人资料模型:

import DS from "ember-data";

export default DS.Model.extend({
  avatar: DS.attr('string'),
  educationDegree: DS.attr('string'),
  educationUniversity: DS.attr('string'),
  workRole: DS.attr('string'),
  workOrganisation: DS.attr('string'),
  interests: DS.attr('string'),
});

控制器

import Ember from "ember";

export default Ember.Controller.extend({
  saved:false,
  actions: {
    save:function(){
      this.get('model.user').save();
      this.get('model.profile').save();
      this.set('saved',true);
    },
  },
});

路线

import Ember from 'ember';
import AuthenticatedRouteMixin from 'simple-auth/mixins/authenticated-route-mixin';

export default Ember.Route.extend(AuthenticatedRouteMixin, {
  model: function(){
    var _this = this;
    var currentUser = this.get('session.user');

    return new Ember.RSVP.all([
      _this.store.find('user', currentUser.id),
      _this.store.find('user.profile', {UserId: currentUser.id}),
    ]).then(function(values){
      return {
        user: values[0],
        profile: values[1].get('firstObject'),
      }
    });
  },
});

模板

<form {{action "save" on="submit"}}>
  {{input type="text" placeholder="First Name" value=model.user.firstname}}
  {{input type="text" placeholder="Last Name" value=model.user.lastname}}
  {{input type="email" placeholder="Email" value=model.user.email}}
  {{input type="text" placeholder="Affiliation" value=model.profile.workOrganisation}}
  <button type="submit" class="btn teal white-text">Save</button>
  {{#if saved}}
    <p class="text-valid">Save Successful.</p>
  {{/if}}
</form>

1 个答案:

答案 0 :(得分:3)

发生此错误是因为Ember Data找不到一个模型,用于插入从保存中返回的PUT返回的数据,我假设看起来像

{ userProfile: { ... } }

我不知道Ember基于这些“根密钥”(例如userProfile)查找模型的确切规则,但我怀疑它是否可以找到隐藏在profile模型下面的models/user/模型{1}}。

过去,如果您可以控制服务器,以下内容对我有用:

{ "user/profile": { ... } }

如果您无法更改服务器响应,或者由于其他原因导致无法正常工作,最简单的方法是将profile模型移至models的顶层目录并将其命名为user-profile.js

另一种选择是使用modelNameFromPayloadKey

// serializers/application.js
import DS from 'ember-data';

export default DS.RESTSerializer.extend({
    modelNameFromPayloadKey: function(payloadKey) {
        if (payloadKey === 'userProfile') payloadKey = 'user/profile';
        return this._super(payloadKey);
    }
 });