以格式過濾元素

Question

我正在學習angularjs的過程，所以這個問題進入我的腦海。

{{val | number:2}} 

這導致的數值要像30.12

小數部分爲2但是，試圖在$範圍同樣的事情，我不能讓這樣的。

$scope.example = $filter('bhojendra')('uppercase');//BHOJENDRA 
$scope.val = $filter(30.12343)('number:2');//don't work 
$scope.foo = $filter(30.12334)('currency');//$30.12334 
$scope.foo = $filter(30.12334)('currency:"EUR"');//don't work 

Answer 1

你需要做的是像這樣：

$scope.val = $filter('number')(30.12343, '2'); 

angularjs doc的數字濾波器說，

$過濾器（」數字'）（數字，分數大小）

number - 要格式化的數字。 fractionSize（可選） - 數字四捨五入的小數位數。如果未提供 ，則 分數大小是根據當前區域設置的數字格式模式計算得出的。 在默認語言環境的情況下，這將是3

---

$scope.foo = $filter('currency')(30.12334);   
$scope.foo = $filter('currency')(30.12334 ,'EUR'); 

angularjs doc爲currency過濾說，

$filter('currency')(amount, symbol, fractionSize) 

量 - 輸入過濾。 符號（可選） - 要顯示的貨幣符號或標識符。 fractionSize（可選） - 的小數位數四捨五入量，默認爲默認的最大 分數大小當前區域

Answer 2

您可以使用：

var numberFilter = $filter('number'); 
$scope.foo = numberFilter('30.12334',2); 

Answer 3

用途：

$過濾器（ '過濾器'）（陣列，表達，比較器）

實施例：

var app = angular.module('app',[]); 
 

 
app.controller('ctrl', function ($scope, $filter) { 
 
    
 
    $scope.example = $filter('uppercase')('asdasdasdasda'); 
 
    $scope.val = $filter('number')(30.12343, 2); // 2 = precision 
 
    $scope.foo = $filter('currency')(30.12334); 
 
    $scope.bar = $filter('currency')(30.12334,"EUR "); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
{{example}} 
 
<br/> 
 
    
 
{{val}} 
 
<br/> 
 

 
{{foo}} 
 
<br/> 
 
    
 
{{bar}} 
 
<br/> 
 
</div>

Answer 4

我想我遲到了，但這裏有一個片段：

var app = angular.module('myApp', []); 
 

 

 
app.controller('MainCtrl', function($scope, $filter) { 
 

 
    $scope.foo = $filter('number')(30.12334, 2); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myApp"> 
 

 
    <div ng-controller="MainCtrl"> 
 

 
    {{foo}} 
 

 
    </div> 
 

 
</div>