如何在 AngularJS 中将字符串转换为大写?
angularjsweb developmentfront end technology更新于 2026/2/11 18:22:17
有时我们可能需要用大写字母表示名称或字符串。要在 AngularJS 中将字符串转换为大写，我们可以使用 uppercase 过滤器 将其大小写转换为大写。
语法
- 在 HTML 模板绑定中
{{uppercase_expression | uppercase}}
- 在 JavaScript 中
$filter('uppercase')()
示例 −转换为大写
在 Angular 项目目录中创建文件"uppercase.html"，并复制粘贴以下代码片段。
<!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">
Welcome to Tutorials Point
</h1>
<h2 style="color: grey;">
AngularJS | UpperCase Filter
</h2>
<div ng-controller="example">
<p>
<h2>
Original: {{message}}
</h2>
<h2>
Modified: {{message | uppercase}}
</h2>
<p>
</div>
<script>
angular.module('app', [])
.controller('example',['$scope', function($scope) {
$scope.message = 'simply learning';
}]);
</script>
</body>
</html>
输出
要运行上述代码，只需打开您的文件并将其作为普通 HTML 文件运行即可。您将在浏览器窗口中看到以下输出。
