有时我们可能需要用大写字母表示名称或字符串。要在 AngularJS 中将字符串转换为大写,我们可以使用大写过滤器将其大小写更改为大写。
在 HTML 模板绑定中
{{uppercase_expression | uppercase}}
在 JavaScript 中
$filter('uppercase')()
在您的 Angular 项目目录中创建一个文件“ uppercase.html ”并复制粘贴以下代码片段。
<!DOCTYPE html> <html> <head> <title>uppercase Filter</title> <script xx_src="https://cdn.staticfile.org/angularjs/1.5.6/angular.min.js"></script> </head> <body ng-app="app" style="text-align:Center"> <h1 style="color:green"> Welcome to nhooo.com </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 文件运行即可。您将在浏览器窗口中看到以下输出。