EmberData 在没有路由的控制器中管理模型

Question

我的应用程序的一部分从主模板分离到一个单独的把手模板中，使用{{render "header"}} 将其呈现在正确的位置。 这个单独的模板也有它自己的控制器来显示来自模型的一些数据 (App.Notification)。 我想要做的是显示有限数量的notifications 和新通知的总数。 当控制器的 notifications 属性在每个循环中被调用时，Ember 数据从服务器加载 10 个条目，但是一旦我尝试通过 splice 限制显示的通知数量，它就不会返回任何数据。

基本上，如果我无法在路由中设置控制器模型，我将无法处理模型数据，我认为这就是为什么 slice 的正常语法在这种情况下不起作用的原因。 我已经搜索了 Stackoverflow 和 Ember 文档，但只找到了正常 Route -> Controller 设置的示例，但没有关于这个特定主题，所以问题是，如何在这个设置中正确处理模型数据？

标题控制器：

App.HeaderController = Ember.Controller.extend
  notificationNew: (->
    @get('notifications').filterBy('seen', false).get('length')
  ).property('notifications')

  notifications: (->
    @store.find('notification').slice(0, 2)
  ).property('@each.notification')

模板：

{{#each notifications}}
 ...
{{/each}}

Answer 1

要通过命名约定在不直接与路由关联的控制器上设置属性，请参考以下jsbin。

http://emberjs.jsbin.com/gugajaki/3/edit

App = Ember.Application.create();

notifications = [
  {seen: false, message: "tornado siren!!"}
  {seen: true, message: "Omg lol security breach"}
  {seen: false, message: "BFF Rite?"}
  {seen: false, message: "steve kane 4 prez?"}
]

App.HeaderController = Ember.Controller.extend
  newNotifications: Ember.computed.filterBy("notifications", "seen", false)


App.ApplicationRoute = Ember.Route.extend
  setupController: (controller, model) ->
  headerController = this.controllerFor("header")

  #this can be a remote fetch via find.  will work the same
  headerController.set("notifications", notifications)

链接中将解决您发布的代码中的几个问题，但为了清楚起见，我将在此处列举：

1. 您可以直接在模板中使用长度属性
2. 使用 Ember.computed.filterBy 获得非常有效的数组观察结果
3. 使用应用程序路由的“controllerFor”方法配置头控制器的单例实例
4. 我不懂拼接，但无论如何我都不会这样做

希望这会有所帮助。