AngularJS: Minification Problem in der Direktive

Question

Ich habe noch ein anderes Problem mit der Verkleinerung. Diesmal wegen des $ scope-Dienstes, der an den Controller der Direktive übergeben wurde. Siehe unten Code:

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;     
    } 
} 
}]); 

Wenn ich den Controller-Teil auskommentiere, dann funktioniert es gut.

Wie Sie sehen können, habe ich die Array-Deklaration für die Direktive verwendet, so dass der $ -Dialog-Dienst Angular auch nach der Verkleinerung bekannt ist. Aber wie soll ich das für den $ scope Service auf dem Controller tun?

Answer 1

Sie benötigen einen Controller zu erklären, wie folgt:

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

Voll Beispiel hier:

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;     
    }] 
} 
}]); 

Eine Lösung von @ Sam vorgesehen funktionieren würde, aber es würde bedeuten Richtlinie des Controllers auf die gesamte Belichtungs Anwendung, die unnötig ist.

Answer 2

ok, landete ich den Controller in einer separaten Datei zu erstellen bis:

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

dann in der Richtlinie, ordne ich den Controller nach Namen:

controller: 'personCtrl' 

nicht sicher, dass es der beste Weg ist. Es sieht aber sauber aus. Was denken Sie ?