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

正如我在评论中发表的那样：

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

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

希望有所帮助

Angular材料选择重置

1 个答案: