AngularJS過濾器;將數字格式化爲字符串，但反之亦然？

我讀到這裏，一個角JS過濾器：AngularJS過濾器;將數字格式化爲字符串，但反之亦然？

number格式的數字的字符串。

因此，我期望過濾器執行相反的轉換，即從字符串到數字。但是，我無法找到該過濾器。

這裏是一個隨機的，絕望的嘗試：

<!DOCTYPE html> 
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
<body> 

<div ng-app="myApp" ng-controller="ctrl"> 

<p>String to number {{ str | number }}</p> 
<p>Number to string {{ num | string }}?</p> <!--This must be the problem --> 

</div> 

<script> 
angular.module('myApp', []).controller('ctrl', function($scope) { 
    $scope.str = "3.14"; 
    $scope.num = 3.14; 
}); 
</script> 

</body> 
</html>

這給：

String to number {{ str | number }} 

Number to string {{ num | string }}?

如果我只用了number濾波器，輸出爲3.14。

來源

2017-06-27 gsamaras

您需要創建一個自定義過濾器來實現上述功能。你可以在這裏閱讀： https://scotch.io/tutorials/building-custom-angularjs-filters – Etherealm

沒有Angular過濾器，因爲javascript已經有.toString（）。 'Number to string {{num.toString（）}}'。 – Lex

並且''parseInt（）'也@Lex，所以我沒有真正明白你的觀點，對不起！ Envision謝謝！ – gsamaras

作爲每角documentation，沒有內置的過濾字符串。雖然你可以很容易地建立一個custom filter。

來源

2017-06-27 17:48:30 Shivam

您將需要創建一個自定義過濾器來執行此操作。

myApp.filter('string', function() { 
    return function(input) { 
    return input.toString(); 
    }; 
});

例：http://jsfiddle.net/zp15ht3u/2/

來源

2017-06-27 17:48:04 dotKn0ck

AngularJS過濾器;將數字格式化爲字符串，但反之亦然？

回答

相關問題