【问题标题】:Angular material select get reset角度材料选择重置
【发布时间】:2016-10-18 22:02:37
【问题描述】:

我正面临 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>

【问题讨论】:

  • 您是否尝试将选择绑定到不同的ng-model。现在两个选择都绑定到_tarjeta.medioPago。你使用不同的控制器,所以它应该可以工作......但你能试试吗?只是为了丢弃。
  • 你知道,我感觉非常非常糟糕,我为以前没有看到它而感到羞愧,我花了 3 个小时思考问题出在哪里。我很抱歉。谢谢你帮助我
  • 不客气,完全不用担心:)。我已将评论发布为答案,以防您想将其标记为已接受

标签: javascript angularjs html material-design angular-material


【解决方案1】:

正如我在评论中发布的那样:

您将两个选择绑定到同一个ng-model="_tarjeta.medioPago",所以这是预期的行为。

我认为这可能只是您的代码中的一个错字。你能检查一下吗? 将(可能)您第二次选择的ng-model 更改为控制器的另一个变量,问题就会消失。

希望对你有帮助

【讨论】:

    猜你喜欢
    • 2020-02-06
    • 2020-09-20
    • 1970-01-01
    • 2017-05-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-11
    • 2020-02-29
    相关资源
    最近更新 更多