javascript - 同一页面上的两个选择何时仅起作用(第二个)

Question

如果我在同一页面上添加两个选择，则在第一个选择中不起作用 ng-selected，仅在第二个选择中起作用。如果我在第一个选择中删除

ng-model="opcionSeleccionadaInicio"` ng-change="vm.modificarHoraInicio($index,opcionSeleccionadaInicio)"

ng-selected 可以工作，但我没有任何模型，当用户更改选择时我无法处理。这是我的代码:

<ion-view view-title="Cambiar horarios">
<ion-content>
    <div class="list card" ng-repeat="dia in vm.dias">
        <div class="item item-divider" align="center">
            {{dia.nombre}}
        </div> 
        <div class="list">
            <label class="item item-input item-select">
                <div class="input-label">
                    Primer turno
                </div>
               <select ng-model="opcionSeleccionadaInicio" ng-change="vm.modificarHoraInicio($index,opcionSeleccionadaInicio)"> 
                    <option ng-repeat="horario in dia.horarios" ng-selected="dia.valorInicio == horario">{{horario}}</option> 
                </select>
            </label>
            <label class="item item-input item-select">
                <div class="input-label">
                    Último turno
                </div>
                <select ng-model="opcionSeleccionadaFin" ng-change="vm.modificarHoraFin($index,opcionSeleccionadaFin)"> 
                    <option ng-selected="dia.valorFin == horario"  ng-repeat="horario in dia.horarios" >{{horario}}</option> 
                </select>
            </label>
        </div>
    </div>
    <div class="padding-horizontal"><button class="button button-block button-positive" ng-click="vm.guardarHorarios()"> Guardar horarios </button></div>
</ion-content>
</ion-view>

第一个选择向我显示选项，但不像第二个选择那样选择默认值。

感谢大家的帮助!

Answer 1

我看了你的代码，我们可以使用两个 ng-selected ，只需将它们的值设置不同即可。

第一:<option ng-repeat="horario in dia.horarios" ng-selected="dia.valorInicio == horario">{{horario}}</option>

第二个:<option ng-selected="dia.valorFin == horario" ng-repeat="horario in dia.horarios" >{{horario}}</option>

查看此链接以获得进一步帮助:

https://plnkr.co/edit/3aH1dlJD43HUU2ZBuMXU?p=preview