AngularJS Filters에 lowercase (소문자변환)
AngularJS는 데이터를 변환하는 필터를 제공합니다.
1. currency 숫자를 통화 형식으로 포맷하십시오.
2. date 날짜를 지정된 형식으로 형식화하십시오.
3. filter 배열에서 항목의 하위 집합을 선택하십시오.
4. json 객체를 JSON 문자열로 포맷합니다.
5. limitTo 배열 / 문자열을 지정된 수의 요소 / 문자로 제한합니다.
6. lowercase 문자열을 소문자로 포맷하십시오.
7. number 숫자를 문자열로 지정하십시오.
8. orderBy 표현식으로 배열을 정렬합니다.
9. uppercase 문자열을 대문자로 포맷하십시오.
[표현식에 필터 추가]
필터는 파이프 문자 |다음에 필터 를 사용하여 표현식에 추가 할 수 있습니다 .
lowercase하부 케이스 필터 형식 문자열 :
예
<div ng-app="myApp" ng-controller="personCtrl">
<p>The name is {{ lastName | lowercase }}</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 | lowercase }}</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 문자열을 대문자로 포맷하십시오.
[표현식에 필터 추가]
필터는 파이프 문자 |다음에 필터 를 사용하여 표현식에 추가 할 수 있습니다 .
lowercase하부 케이스 필터 형식 문자열 :
예
<div ng-app="myApp" ng-controller="personCtrl">
<p>The name is {{ lastName | lowercase }}</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 | lowercase }}</p>
</div>
<script>
angular.module('myApp', []).controller('personCtrl', function($scope) {
$scope.firstName = "John",
$scope.lastName = "Doe"
});
</script>
</body>
</html>
게시글 목록
| 번호 | 제목 |
|---|---|
| 1386 |
부트스트랩
부트 스트랩 그리드 시스템
|
| 1385 |
AngularJS
주형
|
| 1384 |
AngularJS
컨트롤러
|
| 1383 |
AngularJS
$ routeProvider
|
| 1382 |
AngularJS
AngularJS Routing - 무엇이 필요합니까?
|
| 1381 |
AngularJS
AngularJS Routing
|
| 1380 |
AngularJS
CSS 애니메이션
|
| 1379 |
AngularJS
ngAnimate는 무엇을합니까?
|
| 1378 |
AngularJS
AngularJS Animations 무엇이 필요합니까?
|
| 1377 |
AngularJS
AngularJS Animations
|
| 1376 |
AngularJS
AngularJS 교차 도메인 포함
|
| 1375 |
AngularJS
AngularJS 코드 포함
|
| 1374 |
AngularJS
AngularJS Includes
|
| 1373 | |
| 1372 | |
| 1371 |
AngularJS
angular.uppercase () 문자열을 대문자로 변환합니다.
|
| 1370 |
AngularJS
AngularJS API
|
| 1369 |
AngularJS
검증 예제
|
| 1368 |
AngularJS
사용자 정의 유효성 검사
|
| 1367 |
AngularJS
CSS 클래스
|
| 1366 |
AngularJS
양식 상태 및 입력 상태
|
| 1365 |
AngularJS
이메일
|
| 1364 |
AngularJS
AngularJS 양식 검증
|
| 1363 |
AngularJS
선택 상자
|
| 1362 |
AngularJS
라디오 버튼
|
| 1361 |
AngularJS
체크 박스
|
| 1360 |
AngularJS
AngularJS 양식
|
| 1359 |
AngularJS
$event 객체
|
| 1358 |
AngularJS
토글, 참 / 거짓
|
| 1357 |
AngularJS
AngularJS 이벤트 - ng-click 지시문
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기