ember.js - 如何访问 Controller 中的模型？

Question

这是一个非常基本的，但由于某种原因我无法让它工作。

我创建了一个公司资源:

App.Router.map(function() {
    this.resource('companies');
});

并指定了一个模型

App.Company = DS.Model.extend({
    name: DS.attr('string'),
});

App.CompaniesRoute = Ember.Route.extend({
    model: function() {
        return App.Company.find();
    }
});

我有一些测试数据的夹具。

现在，我不应该访问我的 companies吗？来自 Controller 的数据？像这样

App.CompaniesController = Ember.ArrayController.extend({
    length: function () {
        return this.get('length');
    }.property(),
});

我得到了 0，我在这个函数中尝试的一切让我觉得 Controller 没有加载数据——即使我能够循环遍历模板中的模型，如下所示:

  <script type="text/x-handlebars" data-template-name="companies">
    <div class="row">
      <div class="span12">
        <h3>Companies</h3>
        {{#each controller}}
          <li>{{ name }}</li>
        {{/each}}
        </ul>
      </div>
    </div>
  </script>

文档的某些部分显示 setupController而不是 model: function() {} ，但我不清楚这些差异。我都试过了，都没有成功。

有任何想法吗？

Answer 1

您应该声明属性(或属性)的路径，Computed Property取决于。在这种情况下，content.length :

App.CompaniesController = Ember.ArrayController.extend({
    length: function () {
        return this.get('content.length');
    }.property('content.length'),
});

或使用 Binding :

App.CompaniesController = Ember.ArrayController.extend({
    lengthBinding: 'content.length'
});

但是计算属性比绑定(bind)(内部)需要更少的工作，并且通常更快。