How to get selected value index dynamically using ng-options in angularjs

Question

I am using select, in which I require selected value and dynamically created index (I don't want to set default to [0] index) How it can be done.

        <div class="input-label">
          Select Mobile
        </div>

        <select ng-model="mobile" ng-options="mobile as mobile.value for mobile in editContactModalData.phoneNumbers"></select>
      </label>

    Above is select option and below is input box where the selected value is set       


      <label class="item item-input item-stacked-label" ng-show="mobile">
        <input type="tel" maxlength="10" placeholder="mobile" ng-model="mobile.value">
      </label>

this is one modal and I want to show these changes of selected mobile in another modal

the second modal consist

  <span>{{contact.phoneNumbers[0].value}}</span>

so in this in the place of [0] index i want to put dynamically selected value.

Deepak Patidar · Accepted Answer · 2017-09-29 05:47:16Z

1

@Nikhil: First thing ngOptions doesn't support $index like ng-repeat.

If you needed index of that value than you can try like this.

<select 
  ng-model="select"
  ng-options="values.indexOf(selectedItem) as selectedItem for 
selectedItem in values">
</select>

answered Sep 29, 2017 at 5:47

Deepak Patidar

3941 gold badge10 silver badges24 bronze badges

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

Comments

yasir_mughal · Accepted Answer · 2017-09-29 05:48:07Z

0

You can use ng-change and assign value to contact like

<select ng-change="setNumber(mobile)" ng-model="mobile" ng-options="mobile as mobile.value for mobile in editContactModalData.phoneNumbers"></select>

In controller just set value:

$scope.setNumber = function(num){

$scope.contact = num.value;

}

Then this will show in view

{{contact}}

answered Sep 29, 2017 at 5:48

yasir_mughal

11210 bronze badges

7 Comments

Social network Over a year ago

the second modal consist of ng-repeat so the given value is set to all contacts.

yasir_mughal Over a year ago

Where you are using ng-repeat.

Social network Over a year ago

<ion-item class="item icon-right edit-selection" ng-repeat="contact in modalData" ng-click="selectUserModal(contact)"> <span>{{contact}}</span> <button class="button button-icon ion-ios-close" ng-click="selectUserModal(contact);" ng-class="selectedClassModal(contact)" ng-style="checkSelectedModal(contact)"></button> <button class="button button-icon ion-edit" ng-click="showEditContactModal(contact,$index);" ></button> </ion-item>

yasir_mughal Over a year ago

oh man then change the variable name I just set as example you can change it.

Social network Over a year ago

yes i have changed it, but still have the same problem

|

Collectives™ on Stack Overflow

How to get selected value index dynamically using ng-options in angularjs

2 Answers 2

Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related