Question

我正在使用select，其中我需要选择值并动态创建索引（我不想将默认设置为[0]索引）如何做到。

        <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>

这是一个模态，我想在另一个模态中显示所选移动设备的这些更改

第二个模态组成

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

所以在[0]索引的位置我想放置动态选择的值。

Answer 1

@Nikhil：首先，ngOptions不支持像ng-repeat那样的$ index。

如果您需要该值的索引，则可以尝试使用此值。

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

Answer 2

您可以使用ng-change并指定值来联系

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

在控制器中设置值：

$scope.setNumber = function(num){

$ scope.contact = num.value;

}

然后这将在视图中显示

{{contact}}

如何使用angularjs

2 个答案: