AngularJS : Calling function in factory from html ng-click

Question

I am trying to call a fucntion(myfunc), which is declared in Factory, from html :

<button type="button" class="btn btn-default btn-sm" ng-click="myfunc(search_name)">Search</button>

The controller and the factory code are as follows:

var angularjsapp = angular.module('graphApp', ['ngAnimate', 'ui.bootstrap']);
angularjsapp.factory('searchFactory', function() {
      //return $resource('friends.json');
      return{
            myfunc:function(search_name){
                console.log('ok')
                keyword_type = 1
                WebSocketTest(search_name,keyword_type)

                }
            }   
    });

angularjsapp.controller('AccordionDemoCtrl', function($scope,searchFactory) {
    $scope.count = 0;
    $scope.namesPerPage = 10
    $scope.currentPage = 1;
    $scope.searchFactory = searchFactory.myfunc 
});

So far I am unable to log 'ok' in the console

You could change your html to call searchFactory(search_name) instead of myfunc(search_name) since thats what you have mapped in your js "$scope.searchFactory = searchFactory.myfunc" — Arathi Sreekumar
– Arathi Sreekumar, Commented Jun 22, 2016 at 11:26

pgrodrigues · Accepted Answer · 2016-06-22 11:14:33Z

1

You should call the scope function assigned to searchFactory.myfunc like so:

<button type="button" class="btn btn-default btn-sm" ng-click="searchFactory(search_name)">Search</button>

answered Jun 22, 2016 at 11:14

pgrodrigues

2,0781 gold badge25 silver badges30 bronze badges

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

Comments

Satpal · Accepted Answer · 2016-06-22 11:15:38Z

1

You need to store reference of searchFactory in $scope.searchFactory variable

$scope.searchFactory = searchFactory;

instead of

$scope.searchFactory = searchFactory.myfunc;

OR, Use set variable as myfunc in scope

$scope.myfunc = searchFactory.myfunc;

instead of

$scope.searchFactory = searchFactory.myfunc;

answered Jun 22, 2016 at 11:15

Satpal

134k13 gold badges168 silver badges171 bronze badges

Comments

Nicholas Kajoh · Accepted Answer · 2016-06-22 11:53:06Z

0

Instead of:

$scope.searchFactory = searchFactory.myfunc

Do something like:

$scope.myfunc = function(arg) {
    searchFactory.myfunc(arg);
}

Then, define search_name in ng-click="myfunc(search_name)" either as a model:

<input ng-model="search_name">

Or scope:

$scope.search_name = "Nicholas";

answered Jun 22, 2016 at 11:53

Nicholas Kajoh

1,6313 gold badges20 silver badges29 bronze badges

Collectives™ on Stack Overflow

AngularJS : Calling function in factory from html ng-click

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related