将Ember控制器链接到视图/元素

Question

我是Ember的新手，来自Angular背景。假设我有许多元素，每个元素都包含不同的数据。

#elem1 10

#elem2 20

#elem3 30

我想将这些元素中的每一个单独绑定到保存数据的Ember模型/控制器。如下所示：

script(type="text/x-handlebars", data-template-name="elem1").
  {{data}}

App.Elem1Controller = Ember.ObjectController.extend({
  data: 10
});

这应该很简单......但是我很难浏览所有不同的命名约定和Ember的路由/术语。我怎么能这样做呢？

Answer 1

首先要确定的是哪条路线和控制器与您的视图相关联，然后相应地连接组件。

以下是JSBin中的一个简单示例。

这个使用单独的控制器和三个属性的路由。当点击链接时，它们会被渲染到应用程序插座中。

如果您需要使用多个控制器，则可以使用“needs”依赖注入将它们包含在与您的视图关联的控制器中。

Here是另一个只使用应用程序模板和相关控制器等的。

它还展示了如何在其他控制器中包含控制器，这些控制器可能更符合您的要求。它还向您展示了如何在模板中引用它们。