$ http无法在WEBAPI和Angularjs应用程序中运行,集成了requireJS

时间:2014-02-16 04:54:54

标签: angularjs asp.net-web-api requirejs

对于我的Web应用程序,我将RequireJS集成到AngularJS + ASP.NET WEB API应用程序中。但是现在$ http服务无法获取数据。

我参考了: this Dan Wahlin Blog来设置需要js来动态加载控制器。

我的控制器代码:


    'use strict';

define(['app'], function (app) {

    var CategoryController = function ($scope, $http) {
        $http.get('/api/Values/GetCategoryProducts', { params: { category: "CLothes" } })
             .success(function (data) {

                 $scope.Products = data;
                 $scope.loading = false;
             })
            .error(function () {
                $scope.error = "An Error has occured while loading posts!";
                $scope.loading = false;
            });
    };

    app.register.controller('CategoryController',
        ['$scope', '$http', CategoryController]);
});

我的主要人物:

    require.config({
    baseUrl: '/app'
});
waitSeconds: 0
require(
    [
        'app',
        'AppController/NavCntrl'
    ],
    function () {
        angular.bootstrap(document, ['shoppingApp']);
    });

$ scope正在运行,没有任何问题,我可以将值传递给视图。我设置了一些断点,并检查当调用控制器时,它转到angular-route.js,然后返回错误保证。

请帮助,谢谢

1 个答案:

答案 0 :(得分:0)

我认为您需要在目录树中描述angular和angularRoute的requirejs,然后将它们描述为模块。 https://github.com/tnajdek/angular-requirejs-seed提供了require.config的一个很好的例子。