Question

我在模板中访问路线模型时遇到了一些问题。我的模型是在我的家庭控制器中定义的动作的一部分成功创建的：

actions: {
    createProject: function () {
        var project = this.store.createRecord('project', {
            name: 'Sample name'
        });
        var self = this;
        var promise = project.save();

        promise.then(function (response) {
            self.transitionToRoute('estimate', project);
        });
        promise.catch(function (errors) {
            console.log(errors);
        });
    }
}

模型的uuid被正确序列化到URL中，我的router.js中的URL如下：

  this.route('estimate');
  this.route('estimate', { path: '/estimate/:project_id' });

我的estimate控制器也正确指定了项目依赖项：

import Ember from 'ember';

export default Ember.Controller.extend({
    needs: ['project']
});

...我在我的routes / estimate.js中定义模型如下：

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

export default Ember.Route.extend(AuthenticatedRouteMixin, {
    // model: function(params) {
    //     return this.store.find('project', params.project_id);
    // },
    model(params) {
        return this.store.findRecord('project', params.project_id);
    }
});

记录this.store.findRecord('project', params.project_id)的输出我得到：

Class {__ember1458995391969: null, __ember_meta__: Meta}
__ember1458995391969
...

但是当我尝试在我的估计手柄模板中访问项目模型时（使用{{model.project.name}}），我什么都没得到（没有错误，没有输出）。

有人对此有任何想法吗？

Answer 1

模型钩子的返回值绑定到控制器的model属性，该属性以相同的名称绑定到模板中。

您应该写{{model.name}}，而不是{{model.project.name}}。

背景

您的模型钩子直接返回Ember Data promise对象（这是正常的）。这意味着model指的是您的项目对象;没有model.project属性。

渲染{{model.project.name}}就像在控制器中调用this.get('model.project.name')一样。对于此路径，Ember将返回undefined，即使model.project本身为undefined：

> $E.get('model')
< Class {store: Class, isLoaded: true, manager: Class, isUpdating: false, __ember1459002119210: "ember610"…}
> $E.get('model.project')
< undefined
> $E.get('model.project.name')
< undefined
> $E.get('model.project.name.whatever')
< undefined

因此在这种情况下没有错误。并且模板中没有显示任何内容，因为null和undefined会呈现为空字符串。

如何在Ember 2中访问路线模型

1 个答案:

背景