AngularJS Filters에 uppercase (대문자변환)
AngularJS는 데이터를 변환하는 필터를 제공합니다.
1. currency 숫자를 통화 형식으로 포맷하십시오.
2. date 날짜를 지정된 형식으로 형식화하십시오.
3. filter 배열에서 항목의 하위 집합을 선택하십시오.
4. json 객체를 JSON 문자열로 포맷합니다.
5. limitTo 배열 / 문자열을 지정된 수의 요소 / 문자로 제한합니다.
6. lowercase 문자열을 소문자로 포맷하십시오.
7. number 숫자를 문자열로 지정하십시오.
8. orderBy 표현식으로 배열을 정렬합니다.
9. uppercase 문자열을 대문자로 포맷하십시오.
[표현식에 필터 추가]
필터는 파이프 문자 |다음에 필터 를 사용하여 표현식에 추가 할 수 있습니다 .
uppercase대문자 필터 형식 문자열 :
예
<div ng-app="myApp" ng-controller="personCtrl">
<p>The name is {{ lastName | uppercase }}</p>
</div>
전체소스
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="personCtrl">
<p>The name is {{ lastName | uppercase }}</p>
</div>
<script>
angular.module('myApp', []).controller('personCtrl', function($scope) {
$scope.firstName = "John",
$scope.lastName = "Doe"
});
</script>
</body>
</html>
AngularJS는 데이터를 변환하는 필터를 제공합니다.
1. currency 숫자를 통화 형식으로 포맷하십시오.
2. date 날짜를 지정된 형식으로 형식화하십시오.
3. filter 배열에서 항목의 하위 집합을 선택하십시오.
4. json 객체를 JSON 문자열로 포맷합니다.
5. limitTo 배열 / 문자열을 지정된 수의 요소 / 문자로 제한합니다.
6. lowercase 문자열을 소문자로 포맷하십시오.
7. number 숫자를 문자열로 지정하십시오.
8. orderBy 표현식으로 배열을 정렬합니다.
9. uppercase 문자열을 대문자로 포맷하십시오.
[표현식에 필터 추가]
필터는 파이프 문자 |다음에 필터 를 사용하여 표현식에 추가 할 수 있습니다 .
uppercase대문자 필터 형식 문자열 :
예
<div ng-app="myApp" ng-controller="personCtrl">
<p>The name is {{ lastName | uppercase }}</p>
</div>
전체소스
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="personCtrl">
<p>The name is {{ lastName | uppercase }}</p>
</div>
<script>
angular.module('myApp', []).controller('personCtrl', function($scope) {
$scope.firstName = "John",
$scope.lastName = "Doe"
});
</script>
</body>
</html>
게시글 목록
| 번호 | 제목 |
|---|---|
| 1326 |
AngularJS
AngularJS Filters에 uppercase (대문자변환)
현재글
|
| 1325 |
AngularJS
AngularJS Scope 3
|
| 1324 |
AngularJS
AngularJS Scope 2
|
| 1323 |
AngularJS
AngularJS Scope 1
|
| 1322 | |
| 1321 | |
| 1320 |
AngularJS
AngularJS Controllers
|
| 1319 |
AngularJS
AngularJS Data Binding 2번째
|
| 1318 | |
| 1317 |
AngularJS
AngularJS ng-model Directive
|
| 1316 | |
| 1315 |
AngularJS
AngularJS Directives(지시문) - 데이터 바인딩
|
| 1314 |
AngularJS
AngularJS Directives(지시문)
|
| 1313 |
AngularJS
AngularJS 모듈 만들기
|
| 1312 |
AngularJS
앵큘러js 간단한 예제
|
| 1311 | |
| 1310 |
AngularJS
AngularJS Input Controls - Data-Binding
|
| 1309 |
AngularJS
AngularJS $event Object
|
| 1308 |
AngularJS
AngularJS Toggle, True/False
|
| 1307 |
AngularJS
AngularJS ng-click 지시문
|
| 1306 |
AngularJS
AngularJS 마우스 이벤트
|
| 1305 |
AngularJS
AngularJS 이벤트
|
| 1304 |
jQuery Mobile
scrollstart 이벤트
|
| 1303 |
jQuery Mobile
pageshow 이벤트
|
| 1302 |
jQuery Mobile
pageremove 이벤트
|
| 1301 |
jQuery Mobile
pageloadfailed 이벤트
|
| 1300 |
jQuery Mobile
pageload 이벤트
|
| 1299 |
jQuery Mobile
pageinit 이벤트
|
| 1298 |
jQuery Mobile
pagehide 이벤트
|
| 1297 |
jQuery Mobile
pagecreate
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기