Passing Parameter to a Named Function with Dependency Injection

Question

I have an angular app and I'm passing a named function into a controller. The problem is I want to inject a provider into that controller to use. The console gives me TypeError: object is not a function.

My question is, what's wrong with my syntax? Am I thinking of this the wrong way?

(function() {
  'use strict';

  angular.module('MyCoolApp.controllers')

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

  function SignInCtrl(Avatar) {
    var vm = this;

    // Error occurs here in reference to creating an instance of Avatar
    vm.avatar = new Avatar();
  }
})();

Arguments in the DI list must match number and order in the constructor. — PSL
– PSL, Commented Dec 30, 2014 at 21:18
I've seen it where $scope is not required as a parameter in the named function. Am I wrong? — thank_you
– thank_you, Commented Dec 30, 2014 at 21:19

Oleksandr T. · Accepted Answer · 2014-12-30 21:17:24Z

1

First argument is $scope not Avatar

function SignInCtrl($scope, Avatar) {
    var vm = this;

    // Error occurs here in reference to creating an instance of Avatar
    vm.avatar = new Avatar();
}

answered Dec 30, 2014 at 21:17

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Passing Parameter to a Named Function with Dependency Injection

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related