Angular.js用于逗号分隔和十进制值舍入的Custom指令

时间:2016-06-23 09:49:13

标签: angularjs angularjs-directive

我是Angula.js的新手,我需要写一个自定义指令

  • 根据千(1,27,222)

  • 用逗号分隔数字
  • 如果no的浮点数大于2,那么它应该舍入为2(如果值为666.88888那么它应该舍入为666.89)

  • 美元符号($)应该在值之前添加。

值/数字取自db(参数传入自定义指令)。我可以使用自定义过滤器用于相同的目的,但在这种情况下,我被迫使用自定义指令。

让我通过与我分享你的知识来做到这一点..

2 个答案:

答案 0 :(得分:0)

http://embed.plnkr.co/8mT3EA/

这个plunker也实现了相同的功能。通过它。还可以在此处查看货币过滤器的角度文档 - https://docs.angularjs.org/api/ng/filter/currency

答案 1 :(得分:0)

您不必创建自定义指令,因为它已存在于Angular中。见docs

 angular.module('app', [])
   .controller('TestController', ['$scope',
     function($scope) {
       $scope.priceWithDec = 12345678.12565;
       $scope.priceWithoutDec = 12345678;
     }
   ]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="TestController">
    <div>{{ priceWithDec | currency : '$' }}</div>
    <div>{{ priceWithoutDec | currency : '$' }}</div>
  </div>
</div>