var app = angular.module('angularjs-injection', []);
app.factory("myFactory",function(){
return {name : " Injected Service into Factory using $injector"};
});
// Injecting Service into Factory/Service using $injector D.I.
app.service('myData',["$injector",function($injector){
var myService = $injector.get("myFactory"); /* Assign service using some logic */
this.name = myService.name;
}]);
// $scope Dependency Injection (D.I.)
app.controller('MainCtrl', function($scope, myData) {
$scope.name = myData.name; /* Original Name Value */
});
<!DOCTYPE html>
<html ng-app="angularjs-injection">
<head lang="en">
<meta charset="utf-8">
<title>Custom Plunker</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
<link rel="stylesheet" href="style.css">
<script>
document.write('<base href="' + document.location + '" />');
</script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<h1>Hey! {{name}}</h1>
<div class="changeIt"></div>
</body>
</html>
/* Put your css in here */