Angular material select 重置

Question

我在使用 Angular Material 时遇到了另一个问题。

现在我有一个表格，有两个 select。问题是当我 select 这两个 select 中的任何一个值时，另一个值被重置并丢失他的值。

这是一个错误吗？或者我做错了什么？

<form name="addTarjeta">
  <div ng-controller="MedioPagoController">
      <md-input-container class="md-icon md-block">
          <label>Tipo de tarjeta</label>
          <md-icon class="material-icons">&#xE252;</md-icon>
          <md-select ng-model="_tarjeta.medioPago" md-on-open="listaMedioPago()"
                     required name="medio">                                            
              <md-option value="{{medio}}" 
                         ng-repeat="medio in medioPagos track by medio.idMedioPago">{{medio.nombrePago}}</md-option>                                            
          </md-select>
      </md-input-container>
  </div>
  <div ng-controller="EntidadBancariaController">
      <md-input-container class="md-icon md-block">
          <label>Entidad bancaria</label>
          <md-icon class="material-icons">&#xE84F;</md-icon>
          <md-select ng-model="_tarjeta.medioPago" md-on-open="listaEntidadBancaria()"
                     required name="entidad">                                            
              <md-option value="{{entidad}}" 
                         ng-repeat="entidad in entidadBancarias">{{entidad.nombreEntidad}}</md-option>                                            
          </md-select>
      </md-input-container>
   </div>  
</form>

Answer 1

正如我 post 在评论中：

您将两个 select 绑定到同一个 ng-model="_tarjeta.medioPago"，因此这是预期的行为。

我认为这可能只是您代码中的错字。你能检查一下吗？将（可能）您的第二个 select 的 ng-model 更改为控制器的另一个变量，问题应该消失。

希望对您有所帮助

Angular material select 重置

Angular material select get reset

html

javascript

angularjs

material-design

angular-material