5. Starting with AngularJS | Learning Single-page Web Application Development

Understanding dependency injection

Dependency injection is a common software design pattern and widely used in AngularJS; it is similar to what we have in the Express framework using require(). You just need to add the services as parameters to controllers, directives, or functions. Many of these items will depend on others to work. For example, a controller request to the server will need the $http service, and this service has to come from somewhere.

To facilitate this configuration, AngularJS provides three ways to declare dependencies:

Directly using the parameters of a function, as we can see in the following example:

function UserController($scope, $http, $resource, $ownservice) {
  var user;

  $scope.user = {
    name: "Fernando",
    age: "25"
  }
}

Using an array, as shown here:

User.controller ('UserController', ['$scope','$http' function ($scope, $http) {...}]);

Using the $inject property, as follows:

UserController var = function ($scope, $http) {...};
UserController $ inject = ['...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Learning Single-page Web Application Development

By : Fernando Monteiro

Learning Single-page Web Application Development

By: Fernando Monteiro

Overview of this book

Understanding dependency injection

Learning Single-page Web Application Development

By : Fernando Monteiro

Learning Single-page Web Application Development

By: Fernando Monteiro

Overview of this book

Understanding dependency injection

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access