AngularJS / Spring: почему ошибка [$ http: baddata] продолжает появляться, даже если данные успешно добавлены в базу данных?

Question

Я создал простую программу AngularJS и Spring, чтобы проверить, могу ли я подключить и представление, и модель.

Данные из клиентского приложения успешно добавлены в базу данных, но ошибка [$http:baddata]

Вот контроллер Spring моей программы, который обрабатывает вставку:

@PostMapping(value = "/employee", consumes = {"application/x-www-form-urlencoded"})
@CrossOrigin(origins = "*")
public String addNewEmployee(String firstName, String lastName, String dateOfBirth, String gender, String address, String phoneNumber, String pictureUrl) {
    employeeService.addNewEmployee(firstName, lastName, dateOfBirth, gender, address, phoneNumber, pictureUrl);
    return "Data has been added to the database.";
}

Это код моего контроллера в файле AngularJS (.js), который уже находится внутри моего модуля приложения.контроллер:

$scope.emp = {
    firstName   : '',
    lastName    : '',
    dateOfBirth : '',
    gender      : '',
    address     : '',
    phoneNumber : '',
    pictureUrl  : ''
};

$scope.addNewEmployee = function() { 

    $http.post('http://localhost:8080/employee', $scope.emp)
    .then(function(response) {

        console.log(response);
        console.log("Data has been added to the database");
    }, function(error){

        console.log(error);
        console.log($scope.emp);
    });
};

Я также пытался вставить этот код в конфигурацию моего модуля:

$httpProvider.defaults.transformRequest.unshift($httpParamSerializerJQLikeProvider.$get());
$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

Данные $scope.emp сами вставляются, когда я проверяю их в консоли H2и мое приложение Spring не возвращает никаких ошибок.

В чем причина этой проблемы?Любые комментарии / ответы будут с благодарностью.