当前位置：慕源网 > AngularJs uppercase 过滤器详解及示例

AngularJs uppercase 过滤器详解及示例

作者 : 慕源网本文共608个字，预计阅读时间需要2分钟发布时间： 2022-05-5 共308人阅读

AngularJs uppercase过滤器，AngularJS 中的uppercase 过滤器用于将字符串更改为大写字符串或字母。

语法：

{{ string | uppercase}}

例子：

<!DOCTYPE html>
<html>

<head>
	<title>
	uppercase Filter
</title>
	<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js">
	</script>
</head>

<body ng-app="app"
	style="text-align:Center">
	
	<h1 style="color:green">
	GeeksforGeeks
</h1>
	<h2>
	uppercase Filter
</h2>
	<div ng-controller="geek">
		<p>
			<span style="color:green">
			{{msg | uppercase}}
		</span> is the computer
		science portal for geeks.
			<p>
	</div>
	<script>
		angular.module('app', [])
			.controller('geek',
						['$scope', function($scope) {
				$scope.msg = 'GeeksforGeeks';
			}]);
	</script>
</body>

</html>

输出：