AngularJS $资源多个POST

Question

我有多个Web Api Post methods例如：

    [HttpPost]
    public async Task<IHttpActionResult> Post([FromBody] AdModel adModel)
    {
        //Post
    }

    [HttpPost]
    [Route("AddToWatchList")]
    public async Task<IHttpActionResult> AddToWatchList(int adId)
    {
        // Post to database
    }

这是我的AngularJs服务器：

app.factory('adService', ['$resource', 'ngAuthSettings', function ($resource, ngAuthSettings) {

      var serviceBase = ngAuthSettings.apiServiceBaseUri;

return $resource(serviceBase + 'api/Ads/', {}, {
            addToWatchList: {
            method: 'POST',
            url: serviceBase + 'api/Ads/addToWatchList'
           }
        }
    });
}]);

AngularJs控制器：

app.controller('listCategoryAdsController',
    ['ngAuthSettings', '$scope', 'adService', '$routeParams', '$location',
    function (ngAuthSettings, $scope, adService, $routeParams, $location) {

    $scope.addToWatchlist = function (adId) {
        adService.addToWatchList({ adId: adId }).$promise.then(
            function(result) {
                var path = $location.path();
                $location.path(path).search('nw', 1);
            },
            function (error) {

        });
    };

我从哪里调用方法的HTML：

<div class="col-sm-3 text-right price-box" data-ng-repeat="ad in Ads">
     <h2 class="item-price">
         $ {{ad.price}}
     </h2>
     <i class="fa fa-certificate">
     </i>
     <a ng-click="addToWatchlist(ad.adId)" class="btn btn-default  btn-sm make-favorite" tooltip="Click to add to watch list"
           tooltip-placement="left"
           tooltip-trigger="mouseenter">
          <i class="fa fa-heart"></i>
           <span>Watch list</span>
     </a>
</div>

我的问题是Post([FromBody] AdModel adModel)被完美地调用了。 但是，当我调用AddToWatchList(int adId)我得到了：

POST http：// localhost：8081 / api / Ads / addToWatchList 404（未找到）

Answer 1

您正在向AddToWatchList（）发送一个简单类型（int），因此Web API正在URI中查找adId参数。

如果参数是“简单”类型，则Web API会尝试从URI中获取值 。 简单类型包括.NET基本类型（ int ，bool，double等），以及TimeSpan，DateTime，Guid，十进制和字符串，以及带有可以从字符串转换的类型转换器的任何类型。 （有关类型转换器的更多信息。） 对于复杂类型，Web API尝试使用媒体类型格式器从消息正文中读取值 。 更多关于这个..

您有几种选择：

1-通过URI发送adId ... api / ads / addtowatchlist？adId = 123

$resource(serviceBase + 'api/Ads/addToWatchList', { }, {
    addToWatchList: { method:'POST', params:{ adId:adId } }
});

---

2-显然，与第一种方法一样，请使用复杂的对象。 尽管拥有一个具有单个int属性的类感觉很愚蠢……但这就是为什么您和我不喜欢这种方法。 但是，如果您已经拥有一个Ad类，那么重新使用它就没有错。

---

3-尝试此解决方案 ，要求您将[FromBody]添加到int参数中。 并发送没有标识符的adId

=123