How can I call the function in ng-click which is defined inside a factory service,

app.factory('MyFactory', [function () {
    return {
        setTest: function(test) {
            alert(test);
        }
    };
}]);

app.controller('TestCtrl', ['$scope','MyFactory', function ($scope, MyFactory) {

}]);


<li><a href="#" ng-click="setTest('PHP')">PHP</a></li>
<li><a href="#" ng-click="setTest('Javascript')">Javascript</a></li>

How can I call the function in ng-click which is defined inside a factory service,

app.factory('MyFactory', [function () {
    return {
        setTest: function(test) {
            alert(test);
        }
    };
}]);

app.controller('TestCtrl', ['$scope','MyFactory', function ($scope, MyFactory) {

}]);


<li><a href="#" ng-click="setTest('PHP')">PHP</a></li>
<li><a href="#" ng-click="setTest('Javascript')">Javascript</a></li>

• javascript
• angularjs
• angularjs-directive
• angularjs-scope
• angular-services

Share Improve this question Follow asked Mar 11, 2014 at 7:12 Anshad VattapoyilAnshad Vattapoyil 23.5k1919 gold badges9090 silver badges134134 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

The method should be defined on your scope for it to be usable in bindings. In your controller you can

$scope.setTest=myFactory.setTest;