C#mvc angular $ rngRoute $ http.get混淆了

时间:2016-09-27 12:20:48

标签: c# angularjs ngroute

我已实现代码将一些数据从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函数加载页面时,数据不会....

欢迎任何帮助!

1 个答案:

答案 0 :(得分:0)

请注意,我从浏览器控制台获得的是

“错误:[ng:areq]参数'AnimalController'不是函数,未定义