Question

这将是非常简单的事情，但目前我无法弄清楚如何将我的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>

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

由于

Answer 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"
  }
}

请注意已删除的[]。

Simple Demo here

希望它有所帮助。

EmberJs - 将json数据添加到视图中

1 个答案: