ユーザーのコレクションを追跡する 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>
しかし、それはカウントを示していません。これはなぜでしょうか?