如何在AngularJS中将字符串转换为大写？

  • Z时代
  • 2024-01-10
  • 分类：综合

有时我们可能需要用大写字母表示名称或字符串。要在 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 文件运行即可。您将在浏览器窗口中看到以下输出。

以上是 如何在AngularJS中将字符串转换为大写？ 的全部内容， 来源链接： utcz.com/z/363229.html

回到顶部