Spring-Boot REST - Required String parameter is not present
<p>So, I'm trying to to a POST request to a local Spring MVC project, but every time I try, I keep getting 400: Bad Request, with the error specified in the title. Not sure why, because when I check what's being sent, it's correct.</p>

<p>Spring REST controller request</p>

<pre><code>@RequestMapping(value="/add", method = RequestMethod.POST)
void addPet(@RequestParam String name, @RequestParam String photo, @RequestParam String status) {
    Pet pet = new Pet(name, photo, status);
    this.petRepo.save(pet);
}
</code></pre>

<p>AngularJS request sending the data</p>

<pre><code>$http({
       method: "post",
       url: "http://localhost:8080/pet/add",
       data:{
           name: angular.element("#name")[0].value,
           photo: angular.element("#photo")[0].value,
           status: angular.element("#status")[0].value
       }
    }).success(function(data, status) {

        })
        .error(function(data, status) {
            alert("Error");
            console.log(data);
            console.log(status);
        });
</code></pre>

<p>front-end HTML that's calling the AngularJS function</p>

<pre><code>&lt;div class="form-group"&gt;
        &lt;label for="name"&gt;Pet Name&lt;/label&gt;
        &lt;input type="text" class="form-control" id="name"&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
        &lt;label for="photo"&gt;Photo URL&lt;/label&gt;
        &lt;input type="text" class="form-control" id="photo"&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
        &lt;label for="status"&gt;Status&lt;/label&gt;
        &lt;input type="text" class="form-control" id="status" placeholder="Something descriptive like 'Available' or 'Taken'"&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
        &lt;div class="btn-group"&gt;
            &lt;button type="button" class="btn btn-primary" ng-click="preview()"&gt;Preview&lt;/button&gt;
            &lt;button type="button" class="btn btn-success" ng-click="submit()"&gt;Submit&lt;/button&gt;
            &lt;button type="button" class="btn btn-danger" ng-click="clear()"&gt;Clear&lt;/button&gt;
        &lt;/div&gt;
    &lt;/div&gt;
</code></pre>