How to pass object to ApiController from Angular Controller

Question

I am trying to pass a object Id to a ApiController. Right now nothing is being passed. There are no errors either. Now when I specifically put a JobId in the Get Call everything works fine so I am stuck on how to make it work with any JobId.

View

<div class="inline-fields">
<label>JobId:</label>
<input ng-model="currentItem.JobId" type="text">
 </div>
     <div class="inline-fields">
 <label>JobName:</label>
 <input ng-model="currentItem.JobName" type="text">
  </div>

 <input ng-click="EmailPdf(currentItem)" type="button" value="Email"  />

Controller

 $scope.EmailPdf = function () {
   id = $scope.currentItem.JobId
    $http.get('/api/Pdf/id').success(function () {
        $scope.PrintPreviewModal();
    });
}

ApiController

 // GET api/<controller>/5
    public string Get(int? id) // allow nullable parameter
    {
        if (!id.HasValue) // if null return an empty string
        {
            return string.Empty;
        }

        // your code :
        JobDataAdapter adapter = new JobDataAdapter();
        Job job = new Job();
        job = adapter.GetJob(id);
        if (job == null)
        {
            return string.Empty;
        }

Routing

config.Routes.MapHttpRoute(
        name: "PdfApi",
        routeTemplate: "api/{controller}/{id}",
    defaults: new { controller = "apiGeneratePdf", id = RouteParameter.Optional }
    );

You are not passing the id to yours ajax call.

Bhasyakarulu Kottakota
– Bhasyakarulu Kottakota

2014-09-22 19:55:05 +00:00
Commented Sep 22, 2014 at 19:55 — Bhasyakarulu Kottakota
– Bhasyakarulu Kottakota, Commented Sep 22, 2014 at 19:55

Paul · Accepted Answer · 2014-09-22 19:52:10Z

2

$scope.EmailPdf = function () {
   id = $scope.currentItem.JobId
    $http.get('/api/Pdf/' + id).success(function () {
        $scope.PrintPreviewModal();
    });
}

that's one way. Depending on the complexity of your API you should also look into the ngResource service.

answered Sep 22, 2014 at 19:52

Paul

36.4k12 gold badges98 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

texas697 Over a year ago

worked, thanks. I thought about switching to ngResource.

shaunhusain Over a year ago

Yup after you rewrite the same 4 crud operations using $http a few times $resource becomes attractive and IMO worthwhile (also makes it so I am sure to write consistent RESTful bits on the back end).

Collectives™ on Stack Overflow

How to pass object to ApiController from Angular Controller

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related