C＃mvc angular $ rngRoute $ http.get混在

Question

私はC＃MVCコントローラから.cshtmlファイルへのデータを返すコードを実装しています（かなりうまくいきます）。ここで

var AnimalApp = angular.module('AnimalApp', []); 
AnimalApp.controller('AnimalController', function ($scope, AnimalService) { 
    getAnimals(); 
    function getAnimals() { 
     AnimalService.getAnimals() 
      .success(function (studs) { 
       $scope.animals = studs; 
      }) 

      .error(function (error) { 
       $scope.status = 'Unable to load animal data: ' + error.message; 
      }); 
    } 
}); 

AnimalApp.factory('AnimalService', ['$http', function ($http) { 
    var AnimalService = {}; 
    AnimalService.getAnimals = function() { 
     return $http.get('/Home/GetData'); 
    }; 
    return AnimalService; 
}]); 

は、データを返すC＃のコントローラです：

public JsonResult GetData(string keyword) 
{ 
    AnimalDBContext db = new AnimalDBContext(); 
    var result = db.Animals.ToList(); 
    return Json(result, JsonRequestBehavior.AllowGet); 
} 

これは、ビューを返すために、私のC＃のコントローラです：

public ActionResult giorgos() 
    { 
    return View(); 
    } 

が、私がこのtemplateUrlを呼び出すときngRoute、ページが表示されても、データは表示されません。

再び

var myApp = angular.module("myApp", ["ngRoute"]); 
myApp.config(function ($routeProvider) { 
    $routeProvider 
    .when("/", { 
     templateUrl: "/Home/Create" 
    }) 
    .when("/listing", { 
     templateUrl: "/Home/GetData" 
    }) 
    .when("/green", { 
     templateUrl: "/Home/giorgos" 
    }) 
    .when("/about", { 
     templateUrl: "/Home/About" 
    }); 
}); 

：：私はページ自体をロードする際に、データが表示されます。ここ

は私が話していたコードです。しかし、$ rngRoute関数からページを読み込むと、データはありません....

何か助けてください！

Answer 1

私は、ブラウザのコンソールから取得する

「エラーであることに注意してください：[NG：AREQ]引数 'AnimalController' 関数ではありません、未定義