javascript - 将 Ember Controller 链接到 View /元素

Question

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

#elem1 10

#elem2 20

#elem3 30

我想将这些元素中的每一个单独绑定(bind)到保存数据的 Ember 模型/ Controller 。所以像这样:

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

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

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

Answer 1

首先要确定哪个路由和 Controller 与您的 View 关联，然后相应地连接组件。

这是 JSBin 中的一个简单示例.

这个为三个属性使用单独的 Controller 和路由。单击链接时，它们会呈现到应用程序 socket 中。

如果您需要使用多个 Controller ，那么您可以使用“需要”依赖注入(inject)将它们包含在与您的 View 关联的 Controller 中。

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

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