0

这将是非常简单的事情，但目前我无法弄清楚如何将我的 json 数据放入我的视图模板中。

对于我的索引页，我有以下代码：

App.IndexRoute = Ember.Route.extend({
  model: function() {
    var pageContent = App.Content.find(1);

  }
});

它返回了我需要的 ID 为 1 的页面内容的 JSON。（这在我在 firebug 控制台中看到结果时起作用。

它返回以下 json

{"content":[{"id":"1","name":"Home","extended":"This is the homepage.","created":"2013-08-05 23:40:55","modified":"2013-08-05 23:40:55"}]}

我有这个视图设置，但我无法工作如何将数据从 json 获取到视图：

<script type="text/x-handlebars" id="index">
<div class='index'>
  {{pageContent.entended}}

    The home page
</div>

Ps 我刚开始使用 EmberJS，所以我认为这将非常简单。

谢谢

4

1 回答 1

1

您需要从模型挂钩中实际返回结果：

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return App.Content.find(1);
  }
});

然后在您的模板中：

<script type="text/x-handlebars" id="index">
  <div class='index'>
  {{model.extended}}
  The home page
</div>

至于您的 JSON，它应该具有以下格式：

{
  "content": {
    "id":"1",
    "name":"Home",
    "extended":"This is the homepage.",
    "created":"2013-08-05 23:40:55",
    "modified":"2013-08-05 23:40:55"
  }
}

注意删除的[].

简单的演示在这里。

希望能帮助到你。

于 2013-08-07T22:22:16.900 回答