Bind two ng-model in select angularjs

Question

Is their a way to bind two ng-model in a select tag? To further explain this I will share some of my code

I have this dynamic input buttons, where if a user wishes to add a new option. Note I used two property opt.id & opt.text

<div ng-repeat="opt in q.options">
   <label><span>{{opt.id}}.</span></label>
   <input type="text" ng-model="opt.text" placeholder="Add new possible answer here.">
   <a ng-click="q.options.splice($index,1)"><i class="icon-remove-sign icon-large"></i> </a>
</div>

then I reused the q.options to display the ids in a select tag.

<div ng-repeat="answer in q.answer">
 <div>
    <select ng-model="answer.id" ng-options="c.id as c.id for c in q.options"></select>
    <a ng-click="q.answer.splice($index,1)"><i class="icon-remove-sign icon-large"></i></a>
 </div>
</div>

With this I was able to recreate the option ids and set the value ng-model="answer.id" to my controller but I also need the opt.text to set it to answer.text to be also fetch from my controller then pass it to my api call. I don't want to create another select tag for it.

added a jsfiddle: http://jsfiddle.net/si_dean_ako/3UFAf/1/

AlwaysALearner · Accepted Answer · 2013-09-26 13:11:47Z

1

<select ng-model="select[$index]" ng-options="c.id for c in q.options" 
ng-change="change(answer,select[$index])"></select>

Controller:

$scope.select = {};

$scope.change = function(o,v){      
    o.id = v.id;
    o.text = v.text;
}

edited Sep 26, 2013 at 13:11

answered Sep 26, 2013 at 11:13

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

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

6 Comments

Wondering Coder Over a year ago

tried what you suggested, it did saved but not what I expect. Now the response is like this: {id: { id: "a", text: "test"}, text: ""}. It should just have {id: "a", text: "test"}.

AlwaysALearner Over a year ago

Change ng-model="answer.id" to ng-model="answer" and see if that is what you want.

Wondering Coder Over a year ago

tried, when saved gave me {id: "", text: ""} and also even though I select letter "a" when click it return to blank option.

AlwaysALearner Over a year ago

Could you create a fiddle or update your question to share the contents of q?

Wondering Coder Over a year ago

sorry, first time setting up in jsfiddle but here: jsfiddle.net/si_dean_ako/3UFAf

|

Collectives™ on Stack Overflow

Bind two ng-model in select angularjs

1 Answer 1

6 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Related