简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

What are the methods in Angular to achieve letter case conversion?

php中世界最好的语言
Release： 2018-05-08 14:31:34
Original
2120 people have browsed it

This time I will show you what methods Angular has to convert letters to upper and lower case, and what are the precautions for converting letters to upper and lower case in Angular. The following is a practical case, let's take a look. 

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>angular过滤器uppercase/lowercase字母大小写转换</title>
<script src="angular.min.js"></script>
</head>
<body ng-controller="my">
<span ng-bind="name"></span>
<span ng-bind="name | uppercase"></span> 输出大写
<span ng-bind="name |lowercase"></span>输出小写
</body>
<script type="text/javascript">
var app=angular.module("myApp",[]);
app.controller("my",["$scope",function($scope){
$scope.name="Jaay";
}])
</script>
</html>
Copy after login
I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

JS implements the function of exchanging left and right lists

Detailed explanation of the steps for returning to the previous page from the applet sharing page

The above is the detailed content of What are the methods in Angular to achieve letter case conversion?. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
angular Can accomplish
source：php.cn
Previous article：The usage and difference between apply and Math.max() Next article：Angular uses ng-click to upload multiple parameters at the same time
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Angular application without annotations Is there any configuration setting to remove these empty comments and spaces? My build com...
From 2023-11-10 10:51:51
0
2
172
Issues with Vue.js 3 and Pinia Getters I'm switching from Angular to Vue.js and trying to understand its architecture. I'm curren...
From 2023-11-03 18:52:56
0
1
244
When using 'React' in JSX, it must be included in the scope react/react-in-jsx-scope I'm an Angular developer and new to React, and here's a simple React component, but it doe...
From 2023-09-18 19:58:41
0
2
303
Cluster click event handling with Angular 11 and Google Maps API I'm working on an angular16 project. this.markerCluster=newMarkerClusterer({map:this.map,m...
From 2023-09-16 22:57:11
0
1
239
Why does css border-radius cause elements to disappear in this minimal Angular Material Sidenav component? (demo available) This is about AngularMaterialSidenav component. In the code below, when I increase the bor...
From 2023-09-15 20:15:02
0
1
730
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！