Question

我的剧本：

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

      });

    }

现在我想从MVC中的CSHTML页面调用我的函数getCountries，但没有任何反应。

<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>

没有任何反应，功能无法被调用，该怎么办？有一个简单的解决方法吗？

Answer 1

将getCountries声明替换为：

$scope.getCountries = function ...

Angular函数未被调用

1 个答案: