Web Api 2 - 如何将属性从 $http 调用发送到控制器（属性路由）

Question

我有这个 $http 调用：

$http({
        method: 'GET',
        url: '/api/PhotoSubmit/GetCategories',
        accept: 'application/json'
    })
        .success(function (result) {
            $scope.categories = result;
        });

... 需要将参数发送到此 HTTPGET 方法：

[Route("api/PhotoSubmit/GetCategories/{id}")]
    [HttpGet]
    public object GetCategories(int id)
    {
        return FileServices.GetCategoriesForUser().Select(c => new { Id = c.Id, Name = c.Name });
    }

路由有效，我只是不确定如何通过 angular/javascript 访问它以将其发送到控制器（或者......路由调用在 $http 调用中应该是什么样子

这是网址：

http://localhost:63203/Index.html#/photosubmit/1

Answer 1

我确定 $http 是类似的，但我在工厂中使用 $resource 来访问我的 Web api 端点。

在 services.js 中，我有：

var app = angular.module('app.service', ['ngResource']);

app.factory('api', ['$resource', function ($resource) {
'use strict';
return {
    Categories: $resource('/api/PhotoSubmit/GetCategories/:id', {id: '@id'})
    };
}]);

然后在我的控制器中，我调用它

$scope.categories = api.Categories.get({id:"1"});

如果您真的想开始玩得开心，您可以等待并在结果返回后使用 $promise 使用数据。

api.Categories.get({id:"1"})
    .$promise
    .then(function (results){
        $scope.categories = results;
    });

更新： 要将变量放入 $routeParams，我正在执行以下操作（请记住，这是我的第一个 Angular 应用程序，因此有更好的编码方法。）

在我的 app.config 中，我有以下代码来创建一个 id 参数：

$routeProvider
    ...
    .when('photosubmit/:id', {
        templateUrl: "photo.html",
        controller: "PhotoController"
    })
    .otherwise({ redirectTo: '/' });

然后，我在控制器$scope.$routeParams = $routeParams; 中获取参数
我必须在顶部执行此操作，以免丢失或未定义。

接下来，您可以使用$scope.$routeParams.id访问您在路由中创建的变量

Answer 2

Id 可以通过 url 本身传递。

url: '/api/PhotoSubmit/GetCategories/1',

或者你也可以在参数中传递它。

$http({
    url: '/api/PhotoSubmit/GetCategories', 
    method: "GET",
    params: {id: 1}
 });