angularjs的过滤器和$filter服务的区别使用

angularjs的过滤器:直接在html中使用

$filter:需要注入到控制器中,在控制器里使用

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
	<meta charset="UTF-8">
	<title>服务</title>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/angular.min.js"></script>	
</head>
<body ng-controller="cc">
	<h1>angular中的filter使用:
		<h5> {{ jiage | currency}}</h5> 
		<h5> {{ n | number:2 }}</h5> 
	</h1>
 
	<h1>$filter使用 :
		<h5>价格:{{price}}</h5>
		<h5 ng-bind="num"></h5>
               <!-- {{}}花括号和ng-bind的作用一样 -->
	   </h1>	  
</body>
<script type="text/javascript">
	angular.module('app',[])
	.controller('cc',function($scope,$filter) {
		$scope.jiage= 88.88;
		$scope.n= 55.55555;
 
		$scope.price = 11.11;
		$scope.price=$filter('currency')($scope.price)
		$scope.num = 66.66666;
		$scope.num=$filter('number')($scope.num,2)
	})
</script>
</html>

结果显示:
在这里插入图片描述
参考链接:https://blog.csdn.net/chun1570754603/article/details/84105189 感谢原作者创作分享。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值