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

Linking Ember controllers to views/elements

本文关键字：元素 视图 Ember 控制器 链接      更新时间：2023-09-26

我是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
});

这应该很容易…但是我很难驾驭烬的所有不同的命名约定和路由/术语。我该怎么做呢?

首先要确定哪个路由和控制器与视图相关联，然后相应地连接组件。

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

为这三个属性使用单独的控制器和路由。当链接被点击时，它们被呈现到应用程序出口中。

如果你需要使用多个控制器，那么你可以通过使用"needs"依赖注入将它们包含在与你的视图关联的控制器中。

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

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

相关文章：