Ember 在路由中定义模型导致错误

Question

我对 Ember 很陌生，我正在尝试设置一个模板来显示有关外部模型（产品）的信息。所以我有一个管理路线：

App.AdminRoute = Ember.Route.extend({
    model: function() {
        var admin_brand = this.store.find('brand', 1);
        return this.store.find('product', {brand: admin_brand});
    }
});

控制器：

App.AdminController = Ember.ArrayController.extend({

});

和模板：

<script type="text/x-handlebars" data-template-name="admin">
    <div class="row">
        {{#each}}
            {{name}}
        {{/each}}
    </div>
</script>

但是我收到了一个 JS 错误：

Error while processing route: admin undefined is not a function TypeError: undefined is not a function

我还在为我的实际数据使用 ember-data-django-rest-adapter（否则它似乎工作正常）。如果我在路由中传递一个静态对象数组，它可以正常工作。关于我做错了什么的任何想法？另外，这甚至是正确的方法吗？最后，有没有更好的方法来调试这些类型的问题？我有 Chrome 扩展程序，但它似乎对这些极其一般的错误没有帮助，所以任何其他提示都会很棒。非常感谢您的帮助。

Answer 1

假设您使用的是 ember 数据...

问题是对this.store.find('brand', 1) 的调用返回的是一个promise，而不是一个值。为了在调用this.store.find('product', {brand: admin_brand}) 时使用该值，您需要使用.then() 来访问解析的值。

这样的事情应该可以工作。

App.AdminRoute = Ember.Route.extend({
    model: function() {
        var self = this;
        return self.store.find('brand', 1).then(function(admin_brand){
            return self.store.find('product', {brand: admin_brand})
        });
    }
});