Providing Arguments to a Named Function Using Dependency Injection

Question

Providing Arguments to a Named Function Using Dependency Injection

I am currently working on an Angular app where I am passing a named function into a controller. The issue arises when I try to inject a provider into that controller for use, as I receive a

TypeError: object is not a function

in the console.

My question is, what could be potentially causing this error? Am I approaching this problem from the wrong angle?

(function() {
  'use strict';

  angular.module('MyCoolApp.controllers')

  .controller('SignInCtrl', ['$scope', 'Avatar', SignInCtrl]);

  function SignInCtrl(Avatar) {
    var vm = this;

    // The error seems to occur when trying to create an instance of Avatar
    vm.avatar = new Avatar();
  }
})();

javascript angularjs dependency-injection

Answer 1

Answer №1

The primary parameter is $scope, not Avatar.

function LoginController($scope, Avatar) {
    var view = this;

    // The trouble arises at this point while trying to instantiate an Avatar object
    view.avatar = new Avatar();
}

Answer 2

The primary parameter is $scope, not Avatar.

function LoginController($scope, Avatar) {
    var view = this;

    // The trouble arises at this point while trying to instantiate an Avatar object
    view.avatar = new Avatar();
}

Providing Arguments to a Named Function Using Dependency Injection

Answer №1

Similar questions

Next.js is failing to detect the @lib folder

The tablesort feature is experiencing difficulty sorting tables with dynamically changing content

Getting data from an HTML file with AJAX

The behavior of having two submit buttons within the $document.ready(function) in Jquery

Convert the websocket factory in angularjs to a socket.io factory

The React JSON Unhandled Rejection problem requires immediate attention

Utilizing a string as an argument in a function and dynamically assigning it as a key name in object.assign

Can someone tell me what comes after my nextElementSibling in this specific scenario?

When attempting to check and uncheck checkboxes with a specific class, the process fails after the first uncheck

In search of a React.js/Redux OpenID library or example, particularly focused on Steam OpenID integration

Automatically trigger the Submit button click with this selector

After converting from php/json, JavaScript produces a singular outcome

Uninterrupted movement within a picture carousel

Is it possible to employ a jQuery handler as the selector for the .on() method?

Creating a selectAll checkbox that triggers the ng-click function on each individual checkbox

Ways to terminate and fulfill a promise

Error: VueQuill Vue3 encountered an issue while trying to read properties of undefined with the message "emit"

Encountering difficulties launching development server for Next.js 14 using the latest version of Yarn Berry

Can a client receive a response from server actions in Next.js 13?

Every key must be a string or number; received a function instead