Campo numerico 1.4.x angolare con gettersetter che non funziona per i numeri decimali

Question

Ho un problema in chrome (47) dove quando si utilizza un numero di tipo in combinazione con ng-model-options = "{getterSetter: true}" non non ti permette di inserire numeri decimali nel campo.

Con getterSetter: (non funzionante)

<input ng-model="amount" ng-model-options="{ getterSetter: true }" step="0.01" type="number" > 

Senza getterSetter: (opere)

<input ng-model="_amount" step="0.01" type="number"> 

vedere plunker per una demo http://plnkr.co/edit/qu8UXCUtkJaFwjgGE1NX?p=preview

Answer 1

Quello che sta accadendo è che quando si dichiarare una funzione getterSetter, questa funzione viene chiamata ogni volta che si modifica il valore dell'input.

Quindi quando si scrive "12." la funzione viene chiamata, ma non è un numero valido, quindi elimina "". per fornire un valore valido.

Provare a digitare "123" e quindi aggiungere un "." tra numeri come "12.3" che funziona!

Modifica

ho fissato il codice, ora funziona.

Prova questo:

$scope.amount = function(newValue) { 
    return arguments.length ? ($scope._amount = newValue) : $scope._amount; 
}; 

Ecco un plunkr biforcuta: http://plnkr.co/edit/xZtZLH5He4ZnjkqhFApY?p=preview