While working as a AngularJS developer, You should aware about different ways to inject DI into AngularJS Application, Controller, Service and Factory.
- Passing a dependency as Function Arguments — Please note that this will break when we minify the JS for Production application
var myApp = angular.module('myApp', []);
myApp.controller("myController", function($scope, MyService) {
$scope.visitorsCount = MyService.getVisitorsCount();
}
2. Passing a dependency as Array Arguments
- Using the Named function
var myApp = angular.module('app', []);
function MyController($scope, MyService) {
$scope.message = MyService.getWelcomeMessage(); // returns "Welcome to yoUVCode !"
};
myApp.controller('MyController', ['$scope', MyController]);
- Using the Inline Anonymous function
var myApp = angular.module('app', []);
myApp.controller('MyController', ['$scope', 'MyService', function ($scope,MyService) {
$scope.message = MyService.getWelcomeMessage(); // returns "Welcome to yoUVCode !"
}]);
- Passing a dependency using the $inject service
var myApp = angular.module('app', []);
function MyController($scope, MyService){
$scope.message= "Welcome to yoUVCode";
}
MyController.$inject = ['$scope', 'MyService'];
myApp.controller('MyController', MyController);
