繁体   English   中英

从ember.js中的控制器加载数据

[英]Load data from controller in ember.js

我想实现一个向我显示最新帖子的系统。 为此,我不想使用来自用户的index操作,因为这已经用于另一个post函数,但是是“最新”操作。 通过{{ render "postNewest" }}调用{{ render "postNewest" }}其显示在索引路由上。 由于抽象的原因,我希望将数据加载到PostNewestController或PostNewestView中,而不是路由中。 为了达到这个目的,我尝试了两种方法,但到目前为止都没有奏效:

  • 创建一个自定义适配器并添加findNewest()方法:当尝试在控制器的init方法中调用时,找不到findNewest()方法。

  • 将请求直接写入init方法,然后使用store.loadMany(payload)更新:数据成功请求。 但是,我不知道如何从模板访问数据并设置控制器的内容。

有什么办法吗?

编辑:

这是可以更好地理解问题的源代码:

PostModel.js

App.Post.reopenClass({
    stream: function(items) {
        var result = Ember.ArrayProxy.create({ content: [] });
        var items = [];
        $.getJSON("/api/v1/post/stream?auth_token=" + App.Auth.get("authToken"), function(payload) {
            result.set('content', payload.posts);
        });
        return result;
    }
});

PostStreamController.js

App.PostStreamController = Ember.ArrayController.extend({
    init: function() {
        this.set("content", App.Post.stream());
    },
});

index.hbs

{{# if App.Auth.signedIn}}
    {{ render "dashboard" }}
{{else}}
    {{ render "GuestHeader" }}
{{/if}}

{{ render "postStream" }}

postStream.hbs

{{#each post in model}}
    <li>{{#linkTo 'post.show' post data-toggle="tooltip"}}{{post.name}}{{/linkTo}}</li>
{{else}}
    Nothing's there!
{{/each}}

PostShowRoute.js

App.PostShowRoute = Ember.Route.extend({
    model: function(params) {
        return App.Post.find(params.post_id);
    },
    setupController: function(controller, model) {
        controller.set('content', model);
    },
});

我也有这个问题。 只需在控制器中添加init ,然后定义要到达的模型。

在您的控制器中

App.PostRecentController = Ember.ArrayController.extend({
  init: function() {
    return this.set('content', App.Post.find({
      recent: true
    }));
  }
});

在您的模板中

{{#each post in content}}
    {{post.body}}
{{/each}}

我建议您检查EMBER EXTENSION,它将为您提供一个很好的命名思路,并查看是否丢失了所有内容。

我解决了这个问题。 Post模型与另一个模型有一个belongsTo关系。 这种关系不是由Ember加载的,因此在stream()方法中,我必须手动加载此关系。 然后一切都会按预期进行。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM