javascript - Angular Material 选择重置

Question

我在 Angular Material 方面遇到了另一个问题。

现在我有一个表单，有两个选择。问题是，当我在这两个选择中的任何一个中选择一个值时，另一个值会被重置并丢失其值。

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

<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

正如我在评论中发表的:

您将两个选择绑定(bind)到相同的 ng-model="_tarjeta.medioPago"，因此这是预期的行为。

我认为这可能只是您代码中的一个拼写错误。你能检查一下吗？ 将(可能)第二个选择的 ng-model 更改为 Controller 的另一个变量，问题就会消失。

希望对你有帮助