Zastosuj filtr waluty na polu wprowadzania w angularjs

Hi kiedy używam znaczniki SPAN mogę zastosować filtr pieniądze jakZastosuj filtr waluty na polu wprowadzania w angularjs

<div ng-repeat="item in items"> 
    <span> 
     {{item.cost | currency}} 
    </span> 
</div>

Zastanawiam się w jaki sposób można zastosować ten sam filtr waluty w tagu wejściowego. np.

<div ng-repeat="item in items"> 
    <input type="text" ng-model="item.cost | currency" /> 
</div>

Kiedy próbuję zastosować filtr waluty do pola wprowadzania jak powyżej, to nie działa. Proszę dać mi znać, jak zastosować filtr waluty do pola wejściowego. Dzięki

Źródło

2014-07-07 J. Davidson

Sprawdź tę odpowiedź: http://stackoverflow.com/questions/19890364/format-input-value-in-angularjs – karliwson

https://docs.angularjs.org/api/ng/filter/waluta –

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Example - example-example52-production</title> 


     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.14/angular.min.js"></script> 



     </head> 
     <body ng-app=""> 
     <script> 
    function Ctrl($scope) { 
     $scope.amount = 1234.56; 
    } 
     </script> 
     <div ng-controller="Ctrl"> 
     <input type="number" ng-model="amount"> <br> 
     default currency symbol ($): <span id="currency-default">{{amount | currency}}</span>    <br> 
     custom currency identifier (USD$): <span>{{amount | currency:"USD$"}}</span> 
     </div> 
     </body> 
     </html>

Źródło

2014-07-07 16:38:34

Niestety nie można sformatować za pomocą modelu ng. Przynajmniej nie w ten sposób. Będziesz musiał stworzyć własną dyrektywę, która implementuje parser i formater. Here is a similar question.

Jest to całkiem dobry dyrektywa nasz tam, że robi to obecnie: ngmodel-format

Źródło

2014-07-07 16:39:39

myślę, że nie ma potrzeby stosowania filtra w swoim wejściu, ponieważ w swoim wejściu nie trzeba sformatowany waluty, podejmują Spójrz na tę stronę https://docs.angularjs.org/api/ng/filter/currency to jest oficjalna pomoc dla kątowego filtra walutowego.

Jeśli używasz programu ładującego, możesz użyć jednej z tych kontrolek. http://getbootstrap.com/components/#input-groups-basic Mam nadzieję, że ta pomoc.

Źródło

2014-07-07 16:42:23 Ragnar

Utworzono prostą dyrektywę, która obsługuje formatowanie pól wejściowych. Oto przykład jsfiddle. Aby go użyć, dodaj to do swojego istniejącego kodu.

<div ng-repeate="item in items"> 
    <input type="text" ng-model="item.cost" format="currency" /> 
</div>

Dodaj tę dyrektywę do swojego kodu.

// allow you to format a text input field. 
// <input type="text" ng-model="test" format="number" /> 
// <input type="text" ng-model="test" format="currency" /> 
.directive('format', ['$filter', function ($filter) { 
    return { 
     require: '?ngModel', 
     link: function (scope, elem, attrs, ctrl) { 
      if (!ctrl) return; 

      ctrl.$formatters.unshift(function (a) { 
       return $filter(attrs.format)(ctrl.$modelValue) 
      }); 

      elem.bind('blur', function(event) { 
       var plainNumber = elem.val().replace(/[^\d|\-+|\.+]/g, ''); 
       elem.val($filter(attrs.format)(plainNumber)); 
      }); 
     } 
    }; 
}]);

Źródło

2015-09-19 20:52:34 jjbskir

Ale wartość modelu ma wpływ i nie jest liczbą, jest sformatowanym ciągiem –

-2

Napisałem tę dyrektywę i to pomogło mi się sformatować waluty. Mam nadzieję, że to pomoże komuś.

.directive('numericOnly', function(){ 
    return { 

     require: 'ngModel', 
     link: function(scope, element, attrs, modelCtrl) { 

      var regex = /^[1-9]\d*(((.\d{3}){1})?(\,\d{0,2})?)$/; 
      modelCtrl.$parsers.push(function (inputValue) { 

       var transformedInput = inputValue; 
       if (regex.test(transformedInput)) { 

        console.log('passed the expression...'); 
        modelCtrl.$setViewValue(transformedInput); 
        modelCtrl.$render(); 
        return transformedInput; 
       } else { 

        console.log('did not pass the expression...'); 
        transformedInput = transformedInput.substr(0, transformedInput.length-1); 
        modelCtrl.$setViewValue(transformedInput); 
        modelCtrl.$render(); 
        return transformedInput; 
       } 
      }); 
     } 
    }; 
});

Źródło

2016-11-23 11:49:03 robertosrjr

To tylko sprawdza, czy dane wejściowe są liczbami uniemożliwiającymi inny znak. W kodzie nie ma żadnej waluty. – gerl

Zastosuj filtr waluty na polu wprowadzania w angularjs

Odpowiedz

Powiązane problemy