ember.js - 统计 ember.js 中的用户数

Question

我有一个 ember 应用程序，它跟踪一组用户。我有一个计算属性，它应该在我的 usersController.js 中跟踪系统中的用户数量：

App.UsersController = Ember.ArrayController.extend({
  sortProperties: ['name'],
  sortAscending: true 

usersCount: function(){
    return this.get('model.length');
  }.property('@each')

});

我正在尝试在我的用户模板中呈现它，它看起来像这样 -

<script type = "text/x-handlebars" id = "users">

<div class="col-md-2">
{{#link-to "users.create"}}<button type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-plus"></button> {{/link-to}}

<div>Users: {{usersCount}}</div>
</div>
<div class="col-md-10">

  <ul class="list-group">
  {{#each user in controller}}
  <li class="list-group-item">
    {{#link-to "user" user}}
      {{user.name}}
    {{/link-to}}
  </li>
{{/each}}

</ul>

{{outlet}}
</div>
</script>

但它没有显示计数。为什么会这样？

Answer 1

如果你想观察数组本身而不关心其中的值，你的属性应该观察'model.[]'，比如

}.property('model.[]')

示例小提琴

数组文档