我无法在我的视图中显示计算属性
我学习EmberJS不到一个星期。不同的教程有不同的编码风格，这是非常混乱的，所以我遵循http://coding.smashingmagazine.com/2013/11/07/an-in-depth-introduction-to-ember-js/
我在stackoverflow上看到了一些类似的帖子，但是代码太复杂了，我无法理解，我的问题非常基本，没有帖子我看到的只是简单的答案。
这是我的“用户”车把模板。它是用index. html编写的。我只放车把脚本部分。
<script type="text/x-handlebars" id="users">
<div>
<ul class="users-listing">
{{#each user in controller}}
<li>{{user.name}} ..... {{user.id}} ..... {{user.NameWithId}}</li>
{{else}}
<li>no users… :-(</li>
{{/each}}
</ul>
Total users: {{usersCount}}
</div>
</script>
这是我的模型
App.ApplicationAdapter = DS.FixtureAdapter;
App.User = DS.Model.extend({
name : DS.attr(),
email : DS.attr(),
bio : DS.attr(),
avatarUrl : DS.attr(),
creationDate : DS.attr()
});
这是我的控制器
App.UsersController = Ember.ArrayController.extend({
sortProperties: ['id'],
sortAscending: true, // false = descending
usersCount: function(){
return this.get('model.length');
}.property('@each'),
NameWithId: function() {
return this.get('id') + ' -> ' + this.get('name');
}.property('id', 'name')
});
执行脚本后，我可以看到ID和名称，但在NameWitId的地方，我只是空白，甚至我在Firefox中的网络控制台也没有显示任何内容
在我的模板中我改变了
user.NameWithId
到
user.get('NameWithId')
现在我得到解析错误：期望'ID'，得到'无效'
使用：
jQuery 1.10.2
车把1.0.0
Ember 1.0.0
EmberData 1.0.0-beta3
您可以将其放在模型上，就像SEENSEACAT所说的那样，或者您可以使用itemController，它将用控制器包装数组中的每个项目，这就是您放置此属性的地方。
App.UsersController = Ember.ArrayController.extend({
itemController: 'user'
})
App.UserController = Ember.ObjectController.extend({
NameWithId: function() {
return this.get('id') + ' -> ' + this.get('name');
}.property('id', 'name')
});
计算属性应该在模型上，而不是控制器上。对于许多用户实例，它是单个用户实例的属性，而您的控制器是ArrayController（因此前面的计算属性声明中的@each）。
