Проблемы с CoffeeScript отступа

Question

Я пытаюсь перевести это в CoffeeScript:

App.IndexView = Ember.View.extend(InfiniteScroll.ViewMixin, { 
    didInsertElement: function(){ 
    this.setupInfiniteScrollListener(); 
    }, 
    willDestroyElement: function(){ 
    this.teardownInfiniteScrollListener(); 
    } 
}); 

Мой первый подход был такой:

Whistlr.OrganizationsView = Em.View.extend 
    InfiniteScroll.ViewMixin 
    didInsertElement: -> 
    @setupInfiniteScrollListener() 
    willDestroyElement: -> 
    @teardownInfiniteScrollListener() 

Но бросил неожиданный отступа ошибку. Так что я попытался вместо этого:

Whistlr.OrganizationsView = Em.View.extend InfiniteScroll.ViewMixin 
    didInsertElement: -> 
    @setupInfiniteScrollListener() 
    willDestroyElement: -> 
    @teardownInfiniteScrollListener() 

Который дает мне эту ошибку:

TypeError: InfiniteScroll.ViewMixin is not a function 

Если я использую простые JS, она отлично работает. Поэтому проблема, безусловно, связана с форматированием Coffeescript. Мне трудно понять, что происходит, или даже как правильно искать объяснение. Любые указатели будут оценены!

Answer 1

Попробуйте

Whistlr.OrganizationsView = Em.View.extend InfiniteScroll.ViewMixin, 
    didInsertElement: -> @setupInfiniteScrollListener() 
    willDestroyElement: -> @teardownInfiniteScrollListener() 

Второй параметр .extend должен быть объектом JavaScript.

Answer 2

Это быстрый перевод JS в Coffeescript. Когда я вставляю его в окно браузера «Try Coffeescript», он создает тот же JS (с добавленной доходностью). Дополнительные() {} предназначены для меня, а не для CS. Они дают мне понять, что это вызов extend с двумя аргументами, один - атрибутом объекта, а другой - с двумя определениями функций.

App.IndexView = Ember.View.extend(
    InfiniteScroll.ViewMixin, 
    { 
    didInsertElement:() -> 
     @setupInfiniteScrollListener() 
    willDestroyElement:() -> 
     @teardownInfiniteScrollListener() 
    } 
)