Calling a method on a function definition in coffeescript

Question

How would you translate this snippet of javascript to coffeescript? Specifically I\'m struggling with how to call .property() on the function definition.

Answer 1

There are a couple ways to define computed properties. Here are examples of each:

MyApp.president = Ember.Object.create
  firstName: "Barack"
  lastName: "Obama"
  fullName: (-> 
    @get 'firstName' + ' ' + @get 'lastName'
  ).property('firstName', 'lastName')

MyApp.president = Ember.Object.create
  firstName: "Barack"
  lastName: "Obama"
  fullName: Ember.computed(-> 
    @get 'firstName' + ' ' + @get 'lastName'
  ).property('firstName', 'lastName')

Answer 2

I think this is how you're supposed to write it:

MyApp.president = SC.Object.create {
  firstName: "Barack",
  lastName: "Obama",
  fullName: (-> 
    return @get 'firstName' + ' ' + @get 'lastName'
    # Call this flag to mark the function as a property
  ).property('firstName', 'lastName')
}

checkout this link

Answer 3

When using Ember.computed, you do not need to call .property() so you can use this form as well:

MyApp.president = Ember.Object.create
  firstName: "Barack"
  lastName: "Obama"
  fullName: Ember.computed -> @get 'firstName' + ' ' + @get 'lastName'

Answer 4

Something like this will work?

 (() => this.get("firstName") * this.get("lastName")).property()