使用 Angular ngResource 中的 json 对象查询 WebApi

Question

我有一个简单的WebApi，我想连接到一个angularjs应用程序

该 api 看起来像这样

public HttpResponseMessage GetSokAvtal(SokAvtalAdvanced sokAvtalAdvanced)
{
    if (sokAvtalAdvanced != null && sokAvtalAdvanced.IsValid())
    {
        try
        {
            var avtal = db.spSokAvtalAdvanced(
                limit: sokAvtalAdvanced.Limit,
                offset: sokAvtalAdvanced.Offset);
            return Request.CreateResponse(HttpStatusCode.OK, avtal);
        }
        catch (Exception ex)
        {
            return Request.CreateErrorResponse(HttpStatusCode.InternalServerError, "Ett fel har inträffat");
        }
    }
    return Request.CreateErrorResponse(HttpStatusCode.BadRequest, "Felaktiga parametrar");
}

SokAvtalAdvanced看起来像这样

public class SokAvtalAdvanced
{
    #region Properties
    private int _limit;
    public int Limit
    {
        get { return _limit > 0 && _limit < 50 ? _limit : 10; }
        set { _limit = value;  }
    }
    private int _offset;
    public int Offset
    {
        get { return _offset > 0 ? _offset : 0; }
        set { _offset = value; }
    }
    #endregion
    #region Methods
    /// <summary>
    /// Returns a valid modelstate
    /// </summary>
    /// <returns></returns>
    public bool IsValid()
    {
        return true;
    }
    #endregion
}

为了将其映射到角度，到目前为止我已经这样做了，没有任何运气

app.controller("SokAvtalController", ['$scope', 'SokApi', function ($scope, SokApi) {
    $scope.avtal = SokApi.query({ sokAvtalAdvanced: {
            "Limit": 10,
            "Offset": 0
    }});
    console.log($scope.avtal);
    $scope.SelectGroup = function (avtal) {
    };
}]);
angular.module('app.avtalsportalen', ['ngResource'])
    .factory('SokApi', ['$resource', function ($resource) {
        return $resource('/api/SokAvtal/:sokAvtalAdvanced');
    }]);

知道我的电话有什么问题吗？每次调用 WebApi 中的SokAvtalAdvanced sokAvtalAdvanced为空

谢谢

Answer 1

由于这是一个 GET 请求，因此您需要使用 [FromUri] 属性指示要从 url 读取的模型绑定器：

public HttpResponseMessage GetSokAvtal([FromUri] SokAvtalAdvanced sokAvtalAdvanced)
{
    ...
}

同样在客户端上，您应该使用：

$scope.avtal = SokApi.query({
    "Limit": 10,
    "Offset": 0
});