AngularJS - Injecting Factory into Directive's link function

Question

I have a simple code:

define(['app'], function(app)
{
    app.factory('factoryProvider', function(){
        return {
            name: 'my Name'
        }
    });

    app.directive('myDiv',['factoryProvider', function(factoryProvider) {
        return {
            restrict: 'E',
            replace: true,
            templateUrl: 'link/to/template.html',
            controller: function($scope) {
            },
            link: function(scope, routeParams, location) {
                console.log(factoryProvider.name);
            }
        };   
    }])
});

I want to be able to access myFactorywithin the link function, but I can't! I also tried link: function(scope, routeParams, location, factoryProvider) and that also didn't work. Why?

NicolasMoise · Accepted Answer · 2014-03-28 18:32:55Z

18

It should already be available inside the link function

app.factory('factoryProvider', function(){
    return {
        name: 'my Name'
    }
});

app.directive('myDiv',['factoryProvider', function(factoryProvider) {
    return {
        restrict: 'E',
        replace: true,
        template: '<p>{{name}}</p>',
        controller: function($scope) {
        },
        link: function(scope) {
            scope.name=factoryProvider.name;
        }
    };
}]);

edited Mar 28, 2014 at 18:32

answered Mar 28, 2014 at 18:14

NicolasMoise

7,27910 gold badges47 silver badges65 bronze badges

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

9 Comments

Kousha Over a year ago

Well, it is defined for me, but when I get parameters returned, it says undefined. But the exact same method returns the parameter when used inside the controller.

NicolasMoise Over a year ago

It says can't find method of undefined or that the method is undefined? If factoryProvider is defined, what is it?

Kousha Over a year ago

No, the returned value is undefined. When I log the factory inside link, it only shows a constructor. When I log it inside the controller, it shows all methods as well.

NicolasMoise Over a year ago

Uh idk, maybe the "Provider" is messing you up, try renaming your facotry

Kousha Over a year ago

Haha, no it didn't! I changed it to randomNameTest and it still didn't work :p

|

Collectives™ on Stack Overflow

AngularJS - Injecting Factory into Directive's link function

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related