Угловая функция не вызывался

-1

var AAMVC = angular.module('AAMVC', []); 
var SportsController = function ($scope, $http) { 
    $http.get("/api/SportApi/Get") 
    .success(function (response) { 
     obj = JSON.parse(response); 
     $scope.sports = angular.fromJson(obj); 

    }); 


     getCountries = function (id) { 
     $http.get("/api/SportApi/GetCountry/") 
     .success(function (response) { 
      obj = JSON.parse(response); 
      $scope.countries = angular.fromJson(obj); 

     }); 

    }

Теперь я хочу называть мои функции getCountries из моей страницы CSHTML в MVC, но ничего не происходит.

<body> 
<div ng-controller="SportsController"> 
    <div style="float:left"> 


     <h3>SPORTS</h3> 

     <table class="CSSTableGenerator"> 
      <tr ng-repeat="s in sports"> 
       <td> 

        <button ng-click="getCountries(s.id)">{{s.name}}</button> 

      </tr> 

      <tr ng-repeat="c in countries"> 
       <td> 
        {{c.name}} 
       </td> 
      </tr> 
     </table> 
    </div> 
</div>

И ничего не происходит, функции никогда не вызываются, что делать? есть ли легкое решение?

источник

2015-02-11 Almin Islamovic

вы не создаете вашу функцию getCountries на вашем $ объеме –

$ scope.getCountries является то, что @PatrickEvans говорит о –

О, хорошо, это работает, но идентификатор не передается @PatrickEvans –