AngularJS number format filter Richtlinie für die Eingabe mit NgModel

Ich möchte erstellen Sie eine Richtlinie für ein Eingabe-Steuerelement, das formatiert eine Zahl mit X Anzahl der Dezimalstellen, wenn die Eingabe nicht den Fokus haben. Wenn der Eingang nicht aktiv ist, möchte ich die Anzahl zu erscheinen unformatiert (keine Kommas).

Ich bin fast da, mit dem folgenden code. Wenn Sie klicken Sie in der Eingabe, der text ändert sich, und wenn Sie auf aus (blur-Ereignis) die text-Formate wieder. Jedoch, wenn ich den Wert in der Eingabe, dann die Ereignisse scheinen zu Runde ändern, und das blur-event bringt nichts. Dann klicken Sie in das Feld "Eingabe" wieder, die Wert-Formate, wenn es sollte, und das blur-Ereignis unformats, als Sie sollten-format.

Verwenden Sie die Richtlinie, die Sie kann einfach nicht

<input number-format ng-model="myValue" decimals="numberOfDecimals" />

Hier ist die Richtlinie

App.directive('numberFormat', ['$filter', '$parse', function ($filter, $parse) {
    return {
        require: 'ngModel',
        link: function (scope, element, attrs, ngModelController) {
            var decimals = $parse(attrs.decimals)(scope);

            ngModelController.$parsers.push(function (data) {
                //convert data from view format to model format
                return $filter('number')(data, decimals); //converted
            });

            ngModelController.$formatters.push(function (data) {
                //convert data from model format to view format
                return $filter('number')(data, decimals); //converted
            });

            element.bind('focus', function () {
                element.val(ngModelController.$modelValue);
            });

            element.bind('blur', function () {
                element.val(ngModelController.$viewValue);
            });
        }
    }
}]);

InformationsquelleAutor Gillardo | 2014-11-25