AngularJs 服务之$filter

最新推荐文章于 2022-01-14 17:01:08 发布

心郎

最新推荐文章于 2022-01-14 17:01:08 发布

阅读量3.2k

点赞数

分类专栏：前段_angularjs

本文链接：https://blog.csdn.net/u011301203/article/details/53225340

版权

前段_angularjs 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
	<meta charset="UTF-8">
	<title>$filter 服务</title>
</head>
<!--
	服务:服务是一个对象或函数，对外提供特定的功能.
	内建服务:
		1: $location是对原生Javascript中location对象属性和方法的封装。
		2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。
		3: $filter在控制器中格式化数据。
		4: $log打印调试信息
		5: $http用于向服务端发起异步请求。
		6: 同时还支持多种快捷方式如$http.get()、$http.post()、$http.jsonp。
-->
<body>
	<ul ng-controller="DemoController">
		<li>价格: {{price}}</li>
		<li>大写：{{str}}</li>
		<li>截取: {{str1}}</li>
	</ul>
	<script src="../libs/angular.min.js"></script>
	<script>
	
		var App = angular.module('App', []);

		// $filter是过滤器
		App.controller('DemoController', ['$scope', '$filter', function ($scope, $filter) {

			// $filter是九种过滤器中任何一个
			$scope.price = 11.11;
			var currency = $filter('currency');
			$scope.price = currency($scope.price);

			$scope.str = 'hello angular';
			var uppercase = $filter('uppercase');
			$scope.str = uppercase($scope.str);

			$scope.str1 = $filter('limitTo')($scope.str, 2);

		}]);

	</script>

</body>
</html>

心郎

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
AngularJs 服务之$filter

$filter 服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4: $log打
复制链接

扫一扫