我正在尝试为AngularJS编写我的第一个自定义过滤器.我想要能够识别某些东西是字符串还是数字.如果它是一个数字,它使用内置过滤器格式化它数.
我目前have a workaround using ng-if：
HTML
<table>
<tr ng-repeat="(key,val) in data">
<td>{{key}}</td>
<td ng-if="isNumber(val)">{{val | number}}</td>
<td ng-if="!isNumber(val)">{{val}}</td>
</tr>
</table>
控制器：
$scope.data = {
One:55689,two:"consider all the options",three:800243,four:"all over",five:"or just beginning"
};
$scope.isNumber = function (value) {
return angular.isNumber(value);
};
我认为将它分配为自己的过滤器是一个更好的解决方案.这是我到目前为止(是的,我知道这是骨头…这是我的第一个).
.filter('textOrNumber',function(){
return function (input) {
if(typeof input === 'number'){
console.log("I'm a number");
//return as formatted number
} else {
console.log("Not a number");
//do nothing,just return
};
return input;
};
})
当它验证为数字时,我可以让它应用Angular |数字过滤器？或者我是否需要自己手动使用javascript进行过滤？
我会注入$filter服务,然后以编程方式调用数字过滤器,如下所示：
angular.module('filters',[]).
filter('textOrNumber',['$filter',function ($filter) {
return function (input,fractionSize) {
if (isNaN(input)) {
return input;
} else {
return $filter('number')(input,fractionSize);
};
};
}]);
这样您就可以使用textOrNumber过滤器,如下所示：
{{myText|textOrNumber:4}}
这是工作JSFiddle.
