title: I can't send the correct Id to my modify method
body: <p>I have problem in my code when I try to modify a row from a table, I work with AngularJS as client and ASP.Net as the rest API, this is my code for the API modify:</p>
  
  <pre><code>[Route("api/Students/modifier/{id}")]
          public async Task&lt;HttpResponseMessage&gt; PUT(int id, Student value)
          {
              try
              {
                  _StudentService.Update(value);
                  await _unitOfWorkAsync.SaveChangesAsync();
              }
              catch (Exception ex)
              {
                  return Request.CreateResponse(HttpStatusCode.InternalServerError, ex.Message);
              }
              return Request.CreateResponse(HttpStatusCode.OK);
          }
  </code></pre>
  
  <p>This is my HTML code:</p>
  
  <pre><code>    &lt;table class="table table-responsive table-hover" ng-controller="etudmodifCtrl"&gt;
  &lt;thead&gt;
  &lt;/thead&gt;
   &lt;tbody &gt;
   &lt;tr ng-repeat="store in currentPageStores&gt;
         &lt;td align="center"&gt;{{store.LastName}}&lt;/td&gt;
         &lt;td align="center"&gt;{{store.FirstName}}&lt;/td&gt;
         &lt;td align="center"&gt;{{store.Email}}&lt;/td&gt; 
         &lt;td align="center" ng-controller="etuddeleteCtrl"&gt;
            &lt;div id="myModal" class="modal fade" role="dialog" &gt;
              &lt;div class="modal-dialog"&gt;
                &lt;div class="modal-content"&gt;
                  &lt;div class="modal-header"&gt;....&lt;/div&gt;
                  &lt;div class="modal-body"&gt;
                         &lt;div class="form-group"&gt;
                           &lt;label&gt;LastName&lt;/label&gt;
                              &lt;div class="col-sm-10"&gt;
                   &lt;input type="text" class="form-control"  ng-model="nomet"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group"&gt;
                           &lt;label&gt;FirstName&lt;/label&gt;
                              &lt;div class="col-sm-10"&gt;
                 &lt;input type="text" class="form-control"  ng-model="prenomet"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group"&gt;
                           &lt;label&gt;Email&lt;/label&gt;
                              &lt;div class="col-sm-10"&gt;
               &lt;input type="text" class="form-control"  ng-model="email"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-footer"&gt;
                     &lt;button ng-click="modifetud(store.$id)"&gt;OK&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;  
          &lt;/div&gt;
       //this button opens the modal in which I will modify the data
           &lt;button ng-click="open(store.$id)" data-target="#myModal"&gt;Modify&lt;/button&gt;
          &lt;/td&gt;
      &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;   
  </code></pre>
  
  <p>The controller:</p>
  
  <pre><code>    .controller("etudmodifCtrl", ["$scope", "$http", function ($scope, $http) {
  
       //I get the data via these method and a correct Id of the selected row
                    $scope.open = function ($id) {$http(
                      {method: 'GET', url:'http://localhost:50001/api/Students/'+$id})
                           .success(......)
                               .error 
                                     }
    $scope.modifetud = function ($id) {$http(
  {method: 'PUT',url:'http://localhost:50001/api/Students/modifier/'+$id,data:'{"FirstName":"'+$scope.prenomet+'","LastName":"'+$scope.nomet+'","Email"'+$scope.email+'"}'}                                                            
         )}       
      })
  </code></pre>
  
  <p>The problem is that the delete works fine,and for the etudmodifCtrl controller I get the correct Id selected from the table and I have send it to the modal correctly. My problem is when I click on the button "OK" of the modal, it always shows the <code>id=1</code> and the old data (data before modification).
  For example I chose the row with the id 12 then I click on the button "OK" in the modal, this is what I get when debugging:</p>
  
  <p><a href="https://i.stack.imgur.com/gkuoL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gkuoL.png" alt="enter image description here"></a></p>
  
  <p>Request details from browser </p>
  
  <p><a href="https://i.stack.imgur.com/44He4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/44He4.png" alt="enter image description here"></a></p>