AngularJs $ scope undefined quando i controller si trovano all'interno di un modulo

Question

Sto provando a utilizzare il modello di seme angolare con le impostazioni predefinite. In controllers.js Io uso

angular.module('myApp.controllers', []). 
    controller('MyCtrl1', [function($scope) { 
     $scope.test = 'scope found!'; 
    }]) 
    .controller('MyCtrl2', [function() { 

    }]); 

C'è la $scope è sempre indefinito. Quando estrae il controller dal modulo e lo registro globalmente, funziona perfettamente. Come qui:

function MyCtrl1($scope) { 
    $scope.test = "scope found!"; 
} 
MyCtrl1.$inject = ['$scope']; 

Qualcuno potrebbe spiegarmi perché questo è?

Answer 1

Non è possibile combinare cose del genere. È necessario decidere su una delle due possibilità:

app = angular.module('test', []); 

// possibility 1 - this is not safe for minification because changing the name 
// of $scope will break Angular's dependency injection 
app.controller('MyController1', function($scope) { 
    // ... 
}); 

// possibility 2 - safe for minification, uses 'sc' as an alias for $scope 
app.controller('MyController1', ['$scope', function(sc) { 
    // ... 
}]); 

Non consiglierei utilizzando l'altra sintassi che dichiara direttamente Controller. Prima o poi con la crescita della tua app diventerà difficile mantenere e tenere traccia. Ma se è necessario, ci sono 3 possibilità:

function myController1 = function($scope) { 
    // not safe for minification 
} 

function myController2 = ['$scope', function(sc) { 
    // safe for minification, you could even rename scope 
}] 

var myController3 = function(sc) { 
    // safe for minification, but might be hard 
    // to read if controller code gets longer 
} 
myController3.$inject = ['$scope']; 

Answer 2

Sono stato anche alla ricerca di quello, sembra che è necessario digitare '$scope' prima della funzione, come di seguito:

angular.module('myApp.controllers', []). 
    controller('MyCtrl1', ['$scope', function($scope) { 
     $scope.test = 'scope found!'; 
    }]) 
    .controller('MyCtrl2', ['$scope',function() { 

    }]); 

Si fa un pò senso, penso che dovrebbe essere più chiaro anche se ..

Answer 3

Questo è il modo corretto:

angular.module('myApp.controllers', []); 

angular.module('myApp.controllers').controller('MyCtrl1', ['$scope', function($scope) { 

}]); 

Answer 4

È possibile rimuovere semplicemente '[' e ']' quando si utilizza $ scope.

angular.module('myApp.controllers', []). 
 
controller('MyCtrl1', function($scope) { 
 
    $scope.test = 'scope found!'; 
 
    }) 
 
    .controller('MyCtrl2', [ 
 
    function() { 
 

 
    } 
 
    ]);