同じページで2つの選択が1つしかない場合（第2）

Question

同じページに2つの選択を追加すると、最初の選択では選択されていませんが、2番目の選択でのみ選択されます。 は私が

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

NG-選択した作品を選択するには、最初に削除した場合、私はすべてのモデルを持っていないと、ユーザーが選択を変更したとき、私は扱うことができません。 これは私のコードです：

<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を定義する必要はありません。変更するモデルの値を変更するだけです。また、オプションでは、デフォルトでモデルの値を選択します。

これが私の最後のコードです：

<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="dia.valorInicio" ng-change="vm.modificarHoraInicio($index,dia.valorInicio)"> 
         <option ng-repeat="horario in dia.horarios">{{horario}}</option> 
        </select> 
       </label> 
       <label class="item item-input item-select"> 
        <div class="input-label"> 
         Último turno 
        </div> 
        <select ng-model="dia.valorFin" ng-change="vm.modificarHoraFin($index,dia.valorInicio)"> 
         <option 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> 

// EDIT //

また、誰かの使用NG-オプションが同じである場合：

​​

乾杯！

Answer 2

私はあなたのコードを見て、我々は2つの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