AngularJS: problema di minification nella direttiva

Question

Ho ancora un altro problema con il minification. Questa volta è a causa del servizio $ scope passato al controller della direttiva. Vedere il codice sottostante:

angular.module('person.directives'). 
directive("person", ['$dialog', function($dialog) { 
return { 
    restrict: "E", 
    templateUrl: "person/views/person.html", 
    replace: true, 
    scope: { 
     myPerson: '=' 
    },  
    controller: function ($scope) 
    {     
     $scope.test = 3;     
    } 
} 
}]); 

Se commento la parte del controller, quindi funziona correttamente.

Come si può vedere, ho utilizzato la dichiarazione di array per la direttiva, quindi il servizio di dialogo $ è noto per Angular anche dopo il minification. Ma come faccio a farlo per il servizio $ scope sul controller?

Answer 1

è necessario dichiarare un controller come segue:

controller: ['$scope', function ($scope) 
    {     
     $scope.test = 3;     
    }] 

esempio completo qui:

angular.module('person.directives'). 
directive("person", ['$dialog', function($dialog) { 
return { 
    restrict: "E", 
    templateUrl: "person/views/person.html", 
    replace: true, 
    scope: { 
     myPerson: '=' 
    },  
    controller: ['$scope', function ($scope) 
    {     
     $scope.test = 3;     
    }] 
} 
}]); 

Una soluzione fornita da @ Sam avrebbe funzionato a ma sarà di esporre controllore di direttiva per l'intera applicazione che non è necessaria.

Answer 2

ok, ho finito per creare il controller in un file separato:

angular.module('person.controllers').controller('personCtrl', ['$scope', function ($scope) { 
$scope.test = 3; 
}]); 

poi nella direttiva, ho assegnare il controller per nome:

controller: 'personCtrl' 

Non

sicuro che sia il modo migliore. Sembra pulito però. Cosa ne pensi ?