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

Angular filter makes data case conversion

php中世界最好的语言
Release： 2018-06-13 11:26:20
Original
1492 people have browsed it

This time I will bring you the Angular filter to convert data to upper and lower case. What are the precautions for the Angular filter to make data case conversion? 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 gets all parameter values ​​​​of url

How to customize the operation login form code of Vue.js

The above is the detailed content of Angular filter makes data case conversion. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
angular Case conversion letter filter
source：php.cn
Previous article：What are the methods for reference paths in Vue single files? Next article：Detailed interpretation of React Native Flexbox layout
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 7 remove duplicate attributes in SCSS AngularSASS (.scss) strips properties. How do I prevent this from happening so I can embed...
From 2024-04-04 23:28:54
0
1
1382
An error is thrown when importing Javascript prototype constructor in Angular application I have an Angular application where I'm trying to import a JS file that has a constructor....
From 2024-04-04 11:36:15
0
1
288
Generating content using Ajax - scrolling to Id doesn't work I generate page content based on data obtained via ajax. The problem I'm having is that wh...
From 2024-04-04 09:29:39
0
1
397
Create a circular SVG temperature dragger in Angular? Here is a static demonstration of a circular thumb dragger I'm trying to create in Angular...
From 2024-04-03 09:33:29
0
1
376
Angular: Property binding to understand text element color lacks reactivity The following is my .ts file, import{Component}from'@angular/core';@Component({selector:'a...
From 2024-04-01 17:28:52
0
1
358
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！