Angularjs se rompe con la expresión de función coffeescript

Question

Estoy trabajando en la integración de AngularJs en una aplicación de ejemplo Nodejs. Mi controlador es como sigue:

UsersCtrl = ($scope, $http) ->  
    $scope.newUser = {} 
    $scope.users = [ 
    name: "aloman" 
    email: "aloman@example.com" 
    ] 

que compila en javascript:

// Generated by CoffeeScript 1.3.3 
(function() { 
    var UsersCtrl; 

    UsersCtrl = function($scope, $http) { 
    $scope.newUser = {}; 
    return $scope.users = [ 
     { 
     name: "aloman", 
     email: "aloman@example.com" 
     } 
    ]; 
    }; 
}).call(this); 

El código anterior se rompe con el registro de la consola:
error: Argumento 'UsersCtrl' no es una función, quedó definido

Sin embargo, la eliminación de la función anónima alrededor del código JavaScript compilado funciona bien. El código de trabajo se muestra a continuación.

var UsersCtrl; 
Usersctrl = function($scope, $http) { 
    $scope.newUser = {}; 
    $scope.users = [{ 
     name: "aloman", 
     email: "aloman@example.com" 
    }]; 
}; 

Cualquier motivo por el que mi código compilado no funciona. Tengo la sensación de que tiene que ver con la inyección de alcance de Angular. Estoy usando AngularJS 1.0.1

Answer 1

Sería mejor utilizar esta sintaxis para que no contaminen el ámbito global:

angular.module('myApp').controller('MyController', ($scope) ->)

Answer 2

A pesar de que todas las respuestas actuales son derecha hay una tercera opción:

Cuando compila CoffeeScript en JavaScript, asegúrese de establecer la opción --bare en el compilador de CoffeeScript, lo que le hace omitir el contenedor de funciones en la salida.