does not send values to REST

Question

My project's logic is this.

I have an HTML form with a <select multiple> inside that contains a list of String
With an Angular.js function I fill a event-dialog-controller.js variable with selected String
I take that variable called vm.usernames and I set it as value of an <input type="hidden">
I call a REST service with form's data using Spring
Spring automatically converts the input in an object of Event class
What I see in the end is that object

My issue is that the field that should get the vm.usernames value is empty in my REST. I checked up if vm.usernames is correct when I call the form (using console.log(vm.usernames)), it's correct.

How could I fix this problem?

HTML code:

<div class="form-group">
    <label for="field_attendeestoparse">{{vm.usernames}}</label>
    <select class="form-control" multiple ng-model="vm.attendeesToParse" ng-change="vm.selectUsernames(vm.attendeesToParse)"
                    ng-options="customUser as customUser.username for customUser in vm.customusers | orderBy:'id' ">
    </select>
    <input class="form-control" type="hidden" name="attendees" id="field_attendees" ng-model="vm.event.attendees" ng-value="vm.usernames" />

</div>

I don't paste here my Angular function because I am sure that it does what it has to do.

A little note. If I use an <input type="text"> with the same attributes as <input type="hidden"> and I insert values from keyboard, it works perfectly. I don't know why that hidden does not send that value.

All the other Event's fields work perfectly.

I know I am missing something, please help me!

Have you checked this post https://stackoverflow.com/questions/18446359/angularjs-does-not-send-hidden-field-value? — JSN, Jul 05 '17 at 07:32
@Beginner yes, I didn't solve with it. I set the same `ng-model` that input text worked with. — Gozus19, Jul 05 '17 at 07:35

score 0 · Answer 1 · answered Jul 05 '17 at 09:36

I finally solved the problem. It's a pleasure to share the solution, maybe it should be helpful for someone.

I created a new <input type="text" disabled>, with Angular.js' function I fill it with selected options and then I send the form. In other words, when I click on options they are automatically set as values in input text.

It works really fine, maybe it's not the best semantic solution but it solves the problem and works, so I think to use this version of code.

HTML code:

<div class="form-group">
    <label for="field_attendees">Attendees</label>
    <select class="form-control" multiple ng-model="vm.attendeesToParse" ng-change="vm.selectUsernames(vm.attendeesToParse)"
                    ng-options="customUser as customUser.username for customUser in vm.customusers | orderBy:'id' ">
    </select>
    </br>
    <input disabled type="text" class="form-control" name="attendees" ng-model="vm.event.attendees" id="field_attendees" />
</div>

angular.js controller:

$scope.usernames = '';
    vm.selectUsernames = function(model) {
        $scope.usernames = "";
        for (var i = 0; i < model.length; i++) {
            $scope.usernames += model[i].username + " ";
        }
        vm.event.attendees = $scope.usernames;
};

does not send values to REST

1 Answers1