Angularjs select with ng-repeat, on select bind ng-model with object

Question

After my get request i get

$scope.variables = response.data;

my select is:

<select name="varSelect" id="varSelect" ng-model="wid.adapter">
            <option ng-repeat="variable in variables" value="{{variable.id}}">{{variable.name}}</option>
</select>

after that i have two input text fields

<input type="text" ng-model="wid.url" />
<input type="text" ng-model="wid.name" />

On button click i want to post wid

$http.post(some_url, $scope.wid).then(function (response) {
            console.log(response);
});

My problem is that i dont get the object variable in wid.adapter. I gog the id. How to modify my code to get the variable instead of id?

M B · Accepted Answer · 2016-10-26 19:13:53Z

3

use the variable as the value not the id

and use the ng-option attribute on the select to bind it properly

<select name="varSelect" id="varSelect" ng-model="wid.adapter"
    ng-options="variable.name for variable in variables">
    </select>

edited Oct 26, 2016 at 19:13

answered Oct 26, 2016 at 19:04

M B

2,32627 silver badges36 bronze badges

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

5 Comments

zafirov Over a year ago

when i use variable instead of id i got json string.

zafirov Over a year ago

the second part is working, with ng option. tnx a lot

M B Over a year ago

the second one uses angular binding instead of typical html behavior

Varun Sharma Over a year ago

@M B how can I set placeholder at position one. First time input select is empty. I want to put some value in select.

M B Over a year ago

@VSH set the ng-model to the value you want to select

Collectives™ on Stack Overflow

Angularjs select with ng-repeat, on select bind ng-model with object

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related