无法通过ng-click调用函数

Question

我有以下div，其中有几个列表项。

<div id="wrapper" ng-controller="MyController" class="my-controller"> 
    <div id="sidebar-wrapper"> 
     <ul class="sidebar-nav nav-pills nav-stacked" id="menu"> 
      <li class = "active"> 
       <a href="#legislate" ng-click="getLegislators()" ><span class="fa-stack fa-lg pull-left"><i class="fa fa-user fa-stack-1x "></i></span>Legislators</a> 
      </li> 

然后我有getLegislator（）函数，定义如下： -

var myApp = angular.module('myApp', ['angularUtils.directives.dirPagination']); 
    myApp.controller('MyController', function ($scope, $http) { 
     $http({ 
      method: 'GET', 
      url: 'getData.php', 
      params: {value: 'legislator'} 
     }).then(function (response) { 
      legislators = response.data.results; 
     }); 
     $scope.getLegislator=function(){ 
      $scope.users = [] 
      $scope.house = [] 
      $scope.senate = [] 

做哪些其他任务了。事情是，当我点击列表项时，函数调用不会发生。我对此很新，不知道我做错了什么。我的目标是在列表项被点击时运行该函数。

Answer 1

'ng-click'中的函数名称是'getLegislators（）'。但是在控制器中你写的是'$ scope.getLegislator'。在模板ng-click功能中删除's'末尾