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

虽然，当我从 ngRoute 调用这个 templateUrl 时，即使页面出现，数据也不会。

这是我正在谈论的代码：

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' 不是函数，未定义