c# mvc angular $rngRoute $http混在一起

我已经实现代码返回一些数据从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函数加载页面时，数据没有....

欢迎任何帮助!