Unexpected .

[ted-strauss-K1]

Compiling JS -> Coffee

App.IndexController = Ember.ObjectController.extend({
    friends: function() {
        return this.get('model').get('friends');
    }.property()
})

Compiles to:

App.IndexController = Ember.ObjectController.extend(friends: ->
  @get("model").get "friends"
.property())

And that coffee script yields an error: unexpected . by the compiler.

[timaschew]

this is a strange syntax, you sure, that this is valid js ? I mean the property() after the inner function

[paul-english]

Ember extends javascript to allow functions to be represented as values in their templates and in other areas. The use of property is a declarative way of saying this function represents a dynamic value of the object being defined. It's valid js.

[ted-strauss-K1]

is it valid js or valid ember-js?
by extending javascript, did they make it incompatible with coffeescript, or just this translator app?
how could the above code be rewritten as coffeescript?

[paul-english]

It's valid js, ember probably uses prototypical inheritance to add property() onto any function object.

You can fix the error in coffeescript by surrounding the anonymous function in parens. This lets the coffeescript compiler know that you're calling a function off the anon function, rather than something else.

App.IndexController = Ember.ObjectController.extend(friends: (->
  @get("model").get "friends"
).property())

[michaelficarra]

See #155. Duplicate of #135.