javascript - Ember 新手 - 将元素/ View 绑定(bind)到 Controller

Question

我来自 Angular 背景，您可以通过标记属性将特定元素链接到 Controller ，并希望使用 Ember 做类似的事情。但是，我不确定这是否正是 Ember 的工作方式。

我只在必须呈现图形的应用程序的一小部分上使用 Ember。我希望将特定元素附加到从我的节点后端获取数据的特定 Controller 。

示例代码:

HTML:

#graph
  script(type="text/x-handlebars", data-template-name="index").
    {{pie-chart data=content}}

app.js:

App = Ember.Application.create();

App.IndexRoute = Ember.Route.extend({
  controllerName: 'application'
});

App.ApplicationController = Ember.Controller.extend({
  content: [
  {
    "label": "Equity",
    "value": 12935781.176999997,
    "type": "money"
  }
   ...
  ]
});

我上面代码的问题是 Ember 将 Ember Chart(饼图)附加到 DOM 的底部(因为我没有真正使用任何 View /没有指定 rootElement. 构建此应用程序的最佳方式是什么，我知道我对进一步扩展它以充当 JS 框架并不特别感兴趣。

Answer 1

我相信你需要一个应用程序模板才能工作:

<script type="text/x-handlebars">
    <h2> Title </h2>

    {{outlet}}
</script>

导出是 ember 呈现所有 View 的地方，包括您的索引 View 。

您可以尝试将它添加到您的应用程序中吗？

根据评论编辑:

{{pie-chart data=content}}

你说“data=content”的地方实际上是这样说的:

“获取 IndexController 的内容并将饼图数据属性设置为该内容”

看起来您已经在 ApplicationController 中定义了您的内容。尝试创建一个 IndexController 并像在 AppplicationController 中一样设置内容

我也会将它设为 ArrayController，因为我相信您传递给它的是一个数组？