How to access computed properties - ember.js

Question

I have a Ember.Object like:
App.HelpVideoInfo = Ember.Object.extend({
MyAccount: ['FAe8w0cUCJ0', 'How-to: Change "My Account"'],
StoreInformation: ['UddOjEG-hXw', 'How-to: Change Store Information'],
getSecondAccount:function()
{
return this.get('MyAccount')[1];
} .property('MyAccount'),
});
I want to binding from my Ember.View to getSecondAccount (computed property). I used:
App.IconMeaningDialogView = Ember.View.extend({
accountBinding: 'App.HelpVideoInfo.getSecondAccount';
});
But it doesn't work. Thanks.

Answer 1

Your naming conventions are not conform with those from Ember, see Emberist blog post.
You should name classes UpperCase, instances and properties lowerCase. Then the binding works as expected, see http://jsfiddle.net/pangratz666/PQYYH/.
I would also recommend to use the built in array accessor objectAt.
Handlebars:
<script type="text/x-handlebars" >
{{#view App.IconMeaningDialogView}}
{{account}}
{{/view}}
</script>​
JavaScript:
App.helpVideoInfo = Ember.Object.create({
myAccount: ['FAe8w0cUCJ0', 'How-to: Change "My Account"'],
storeInformation: ['UddOjEG-hXw', 'How-to: Change Store Information'],
secondAccount: function() {
return this.get('myAccount').objectAt(1);
}.property('myAccount').cacheable()
});
App.IconMeaningDialogView = Ember.View.extend({
accountBinding: 'App.helpVideoInfo.secondAccount'
});​

Answer 2

The way to access that property would be as follows
App.IconMeaningDialogView = Ember.View.extend({
accountBinding: Ember.Binding.from('App.HelpVideoInfo.getSecondAccount')
});
Refer to Advanced Emberjs Bidnings

Answer 3

You probably don't want to extend an Ember.Object to create your class App.HelpVideoInfo. Instead, if you create a new object there, it would allow you to bind to the properties in the way you want.
However, if you would like to use the App.HelpVideoInfo subclass, then you would have to create an object before you can bind to its properties. An example of how you can do it this: http://jsfiddle.net/74KX7/1/