1

Tenho um ng-repeat e preciso que o campo de entrada tenha o seguinte formato:

9.999,99

Código:

<tr ng-repeat="item in estado.tabela | orderBy:'ano'">
    <td>{{item.ano}}
    </td>
    <td>

       <input type="number"  step="any" ng-model="item.valor" class="form-control" ng-disabled="{{item.ano < @Model.Confo.ano}}">

    </td>
    <td>{{item.somatorio | number:2}}
    </td>

Qual a melhor forma de conseguir resolver isto?

3 Respostas 3

1

Recomendo o uso do Angular UI

Ex:

<input type="number"  step="any" ng-model="item.valor" class="form-control" ng-disabled="{{item.ano < @Model.Confo.ano}}" ui-mask="9.999,99">

http://angular-ui.github.io/ui-utils/#/mask

1

Utilize o jQuery Mask

Exemplo de uso

$("input[type=number]").mask("0.000,00");

https://github.com/igorescobar/jQuery-Mask-Plugin

1

Eu aconselho fazer algo "manualmente", em javascript:

<html>
<head>
<script type="text/javascript">
  function mask(inputName, mask, evt) {
    try {
      var text = document.getElementById(inputName);
      var value = text.value;

      // If user pressed DEL or BACK SPACE, clean the value
      try {
        var e = (evt.which) ? evt.which : event.keyCode;
        if ( e == 46 || e == 8 ) {
          text.value = "";
          return;
        }
      } catch (e1) {}

      var literalPattern=/[0\*]/;
      var numberPattern=/[0-9]/;
      var newValue = "";

      for (var vId = 0, mId = 0 ; mId < mask.length ; ) {
        if (mId >= value.length)
          break;

        // Number expected but got a different value, store only the valid portion
        if (mask[mId] == '0' && value[vId].match(numberPattern) == null) {
          break;
        }

        // Found a literal
        while (mask[mId].match(literalPattern) == null) {
          if (value[vId] == mask[mId])
            break;

        newValue += mask[mId++];
      }

      newValue += value[vId++];
      mId++;
    }

    text.value = newValue;
  } catch(e) {}
}
</script>
</head>
<body>
<form id="form1">
<input type="text" id="zipCode" onkeyup="javascript:mask('zipCode', '0.000,00', event);" value= 9.999,99 >
</form>
</html>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .