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'を削除する