javascript - Angular : Calling function in factory from html ng-click

Question

我正在尝试从 html 调用在工厂中声明的函数(myfunc):

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

Controller 和工厂代码如下:

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 
});

到目前为止，我无法在控制台中记录“ok”

Answer 1

您应该像这样调用分配给 searchFactory.myfunc 的 scope 函数:

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