AngularJs Controller with explicit inline annotation

Question

AngularJs Controller with explicit inline annotation

I usually inject dependencies using inline annotations like this

angular.module('app')
.controller('SampleController',['$scope','ngDependacy',sampleController]);

function sampleController($scope,ngDependacy) {
    //perform actions
}

But currently, I am attempting to inject a dependency with an object as the name, and encountering errors. Here is my code:

angular.module('app')
.controller('SampleController',['$scope','ng.Dependacy',sampleController]);

function sampleController($scope,ng.Dependacy) {
    //perform actions
}

How can I successfully inject this dependency where the name includes a dot?

javascript angularjs dependency-injection

Answer 1

Answer №1

If you're looking to add annotations, consider this example:

var CustomCtrl = function($scope, someService) {
  // ...
}
CustomCtrl.$inject = ['$scope', 'some.Service'];
app.controller('CustomCtrl', CustomCtrl);

For more information on dependency injection, visit: https://docs.angularjs.org/guide/di

$inject Property Annotation

Just a reminder that the following setup :

function otherController($scope, some.Service) {
  //do something
}

Will not function properly in JavaScript. Replace some.Service with a different name like someService in the function's parameters.

See an example in jsFiddle here: http://jsfiddle.net/AnotherUser/abcd1234/

Answer 2

If you're looking to add annotations, consider this example:

var CustomCtrl = function($scope, someService) {
  // ...
}
CustomCtrl.$inject = ['$scope', 'some.Service'];
app.controller('CustomCtrl', CustomCtrl);

For more information on dependency injection, visit: https://docs.angularjs.org/guide/di

$inject Property Annotation

Just a reminder that the following setup :

function otherController($scope, some.Service) {
  //do something
}

Will not function properly in JavaScript. Replace some.Service with a different name like someService in the function's parameters.

See an example in jsFiddle here: http://jsfiddle.net/AnotherUser/abcd1234/

AngularJs Controller with explicit inline annotation

Answer №1

Similar questions

Choose between creating an observable pipe within a function or storing it in a variable

Limiting the zoom in three.js to prevent object distortion caused by the camera

Is it possible to pass a PHP array to JavaScript without using Ajax?

Clicks on jQuery buttons

Dependencies for Grunt tasks

Firestore - Using arrayUnion() to Add Arrays

The process of sorting data on a table using AngularJS

Tips for aligning an element in the center in relation to its sibling above

What steps can I take to improve my routing structure in nodejs and express?

Obtaining the sum of two variables from two separate functions results in a value of NaN

Cannot adjust expiration date of express-session in browser

What are some methods for saving HTML form data locally?

Using ValidationGroup to trigger JavaScript calls from controls

Unable to postpone the utilization of data in Vue until after retrieving the value from the database

In mongoose, documents are able to update autonomously without any explicit request

Issue with React-select: custom Control prevents select components from rendering

Difficulty arises in bookmarking slug paths within Next.js SSG

The v-autocomplete feature in vuetify doesn't allow for editing the text input after an option has been selected

A comprehensive guide on troubleshooting the toggleComplete functionality for React Todo applications

Ensure the vertical dimension of the webpage is properly maintained